Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt element to fill SVG documents as Vue elements, making use of SVGO for marketing.\nFeatures.\nTons SVG files as Vue parts.\nOptimize SVGs making use of SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallation.\nPut in as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives here will certainly be exchanged 'vite-svg-loader'. ).[TAKE NOTE] Since nuxt-svgo-loader is actually a Nuxt element based on vite-svg-loader, the setup for svgoLoader remains identical to that of vite-svg-loader. You may describe the paperwork of vite-svg-loader for the accessible possibilities here.Utilization.Component.SVGs could be explicitly imported as Vue parts utilizing the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links using the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strings using the? fresh suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.