Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to fill SVG files as Vue components, utilizing SVGO for marketing.\nComponents.\nLots SVG files as Vue parts.\nOptimize SVGs making use of SVGO.\nSmooth integration with Nuxt DevTools.\nInstallation.\nPut up and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Options listed here will be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Considering that nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the setup for svgoLoader stays similar to that of vite-svg-loader. You may describe the documentation of vite-svg-loader for the accessible options listed below.Utilization.Element.SVGs may be explicitly imported as Vue components making use of the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as Links making use of the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh strings making use of the? raw suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.