Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt module to load SVG data as Vue parts, using SVGO for marketing.\nComponents.\nTons SVG files as Vue parts.\nMaximize SVGs using SVGO.\nSeamless assimilation along with Nuxt DevTools.\nInstallation.\nPut in and add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices below will certainly be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt module based upon vite-svg-loader, the arrangement for svgoLoader remains the same to that of vite-svg-loader. You can easily refer to the documents of vite-svg-loader for the available options below.Usage.Part.SVGs may be clearly imported as Vue components using the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links using the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked strands utilizing the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.