Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to pack SVG data as Vue elements, utilizing SVGO for marketing.\nFunctions.\nTons SVG files as Vue elements.\nOptimize SVGs using SVGO.\nSeamless assimilation along with Nuxt DevTools.\nInstallation.\nPut in as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here are going to be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader stays the same to that of vite-svg-loader. You can pertain to the records of vite-svg-loader for the on call alternatives here.Use.Element.SVGs can be explicitly imported as Vue parts using the? part suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs making use of the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as raw cords using the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.