Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to load SVG data as Vue components, utilizing SVGO for optimization.\nFunctions.\nLots SVG submits as Vue parts.\nEnhance SVGs using SVGO.\nSeamless integration along with Nuxt DevTools.\nInstallation.\nPut in as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm add -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed here will definitely be actually exchanged 'vite-svg-loader'. ).[NOTE] Given that nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader continues to be exact same to that of vite-svg-loader. You may pertain to the records of vite-svg-loader for the readily available options below.Use.Component.SVGs can be clearly imported as Vue parts using the? element suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links using the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as fresh cords utilizing the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.