Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt element to pack SVG data as Vue elements, using SVGO for marketing.\nComponents.\nBunch SVG files as Vue parts.\nImprove SVGs using SVGO.\nSeamless integration along with Nuxt DevTools.\nInstallation.\nInstall and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed here are going to be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt component based on vite-svg-loader, the configuration for svgoLoader remains similar to that of vite-svg-loader. You can pertain to the paperwork of vite-svg-loader for the available choices below.Consumption.Element.SVGs could be clearly imported as Vue elements utilizing the? element suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as URLs utilizing the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked cords utilizing the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.