Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt component to load SVG files as Vue elements, utilizing SVGO for marketing.\nComponents.\nBunch SVG submits as Vue elements.\nImprove SVGs utilizing SVGO.\nSmooth assimilation along with Nuxt DevTools.\nSetup.\nPut in as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm add -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Options right here will definitely be passed to 'vite-svg-loader'. ).[NOTE] Due to the fact that nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the arrangement for svgoLoader stays the same to that of vite-svg-loader. You can pertain to the information of vite-svg-loader for the available possibilities right here.Consumption.Element.SVGs can be clearly imported as Vue parts utilizing the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as URLs utilizing the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh cords using the? fresh suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.