Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to pack SVG reports as Vue parts, using SVGO for marketing.\nAttributes.\nBunch SVG files as Vue components.\nImprove SVGs using SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallment.\nPut up and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm add -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed below will be passed to 'vite-svg-loader'. ).[TAKE NOTE] Considering that nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the setup for svgoLoader remains identical to that of vite-svg-loader. You may refer to the information of vite-svg-loader for the readily available alternatives here.Use.Component.SVGs may be clearly imported as Vue parts utilizing the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as URLs using the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as fresh cords utilizing the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.