Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to pack SVG data as Vue components, using SVGO for marketing.\nFeatures.\nBunch SVG files as Vue components.\nOptimize SVGs utilizing SVGO.\nSeamless assimilation along with Nuxt DevTools.\nSetup.\nMount and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal supervisor.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices here will be actually passed to 'vite-svg-loader'. ).[TAKE NOTE] Given that nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the setup for svgoLoader continues to be the same to that of vite-svg-loader. You can refer to the documentation of vite-svg-loader for the available possibilities here.Consumption.Part.SVGs may be explicitly imported as Vue parts utilizing the? element suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links using the? link suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked strings utilizing the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.