Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt component to pack SVG files as Vue parts, utilizing SVGO for optimization.\nAttributes.\nBunch SVG submits as Vue components.\nOptimize SVGs using SVGO.\nSmooth assimilation with Nuxt DevTools.\nInstallation.\nPut in as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities here will be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Considering that nuxt-svgo-loader is actually a Nuxt module based upon vite-svg-loader, the arrangement for svgoLoader remains exact same to that of vite-svg-loader. You may describe the paperwork of vite-svg-loader for the available possibilities below.Usage.Component.SVGs could be clearly imported as Vue components making use of the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links making use of the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw strands making use of the? raw suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.