Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to fill SVG data as Vue components, utilizing SVGO for marketing.\nFunctions.\nBunch SVG submits as Vue parts.\nOptimize SVGs using SVGO.\nSeamless integration with Nuxt DevTools.\nInstallation.\nMount and add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal supervisor.pnpm include -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed here will definitely be actually exchanged 'vite-svg-loader'. ).[NOTE] Given that nuxt-svgo-loader is a Nuxt module based upon vite-svg-loader, the arrangement for svgoLoader stays the same to that of vite-svg-loader. You can easily describe the records of vite-svg-loader for the accessible possibilities here.Use.Element.SVGs may be clearly imported as Vue parts using the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as Links using the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw cords utilizing the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.