Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt element to load SVG files as Vue components, using SVGO for marketing.\nAttributes.\nLots SVG submits as Vue elements.\nImprove SVGs making use of SVGO.\nSeamless combination with Nuxt DevTools.\nSetup.\nPut in and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal supervisor.pnpm add -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options here will be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Since nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the setup for svgoLoader continues to be the same to that of vite-svg-loader. You may describe the documents of vite-svg-loader for the available possibilities listed below.Use.Part.SVGs can be clearly imported as Vue components using the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may 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 raw cords using the? fresh suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.