Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt module to fill SVG data as Vue components, utilizing SVGO for optimization.\nFeatures.\nLoad SVG files as Vue components.\nEnhance SVGs utilizing SVGO.\nSmooth assimilation with Nuxt DevTools.\nInstallment.\nPut in and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed here are going to be passed to 'vite-svg-loader'. ).[TAKE NOTE] Considering that nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the setup for svgoLoader stays identical to that of vite-svg-loader. You can refer to the paperwork of vite-svg-loader for the on call options listed below.Utilization.Part.SVGs could be explicitly imported as Vue elements making use of the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as Links utilizing the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh strands making use of the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.