Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt module to load SVG files as Vue elements, making use of SVGO for marketing.\nComponents.\nLots SVG files as Vue elements.\nMaximize SVGs making use of SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallment.\nPut up and also add 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.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the configuration for svgoLoader stays identical to that of vite-svg-loader. You can easily describe the information of vite-svg-loader for the offered alternatives listed here.Use.Element.SVGs can be clearly imported as Vue elements utilizing the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs using 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 using the? raw suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.