Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to fill SVG files as Vue parts, using SVGO for optimization.\nFeatures.\nBunch SVG submits as Vue elements.\nEnhance SVGs making use of SVGO.\nSmooth combination along with Nuxt DevTools.\nSetup.\nPut up as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan manager.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will be passed to 'vite-svg-loader'. ).[NOTE] Considering that nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the setup for svgoLoader stays the same to that of vite-svg-loader. You can easily refer to the information of vite-svg-loader for the on call alternatives listed below.Utilization.Part.SVGs can be clearly imported as Vue parts making use of the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may 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 can be imported as uncooked strings making use of the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.