Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt component to load SVG reports as Vue parts, making use of SVGO for optimization.\nComponents.\nBunch SVG files as Vue elements.\nMaximize SVGs using SVGO.\nSmooth integration with Nuxt DevTools.\nInstallment.\nInstall as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities below will be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the setup for svgoLoader stays the same to that of vite-svg-loader. You can refer to the records of vite-svg-loader for the accessible possibilities right here.Utilization.Element.SVGs may be explicitly imported as Vue elements utilizing the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as Links using the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh strings using the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.