Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt element to fill SVG data as Vue parts, using SVGO for optimization.\nFunctions.\nLots SVG files as Vue parts.\nImprove SVGs using SVGO.\nSeamless assimilation along with Nuxt DevTools.\nSetup.\nMount as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm add -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed below will be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is actually a Nuxt module based upon vite-svg-loader, the setup for svgoLoader remains exact same to that of vite-svg-loader. You can easily refer to the information of vite-svg-loader for the accessible options listed here.Usage.Element.SVGs may be clearly imported as Vue elements utilizing the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs utilizing the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked strands making use of the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.