Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to fill SVG files as Vue components, using SVGO for optimization.\nFunctions.\nLoad SVG files as Vue elements.\nOptimize SVGs utilizing SVGO.\nSmooth assimilation along with Nuxt DevTools.\nInstallation.\nPut up and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities below will certainly be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that nuxt-svgo-loader is actually a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader continues to be exact same to that of vite-svg-loader. You can describe the information of vite-svg-loader for the readily available options here.Use.Part.SVGs can be clearly imported as Vue components utilizing the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could 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 utilizing the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.