Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt element to load SVG documents as Vue components, making use of SVGO for marketing.\nComponents.\nBunch SVG files as Vue components.\nOptimize SVGs utilizing SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallment.\nPut up and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives here will certainly be passed to 'vite-svg-loader'. ).[TAKE NOTE] Since nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the setup for svgoLoader stays the same to that of vite-svg-loader. You may describe the paperwork of vite-svg-loader for the available possibilities below.Consumption.Element.SVGs could be explicitly imported as Vue parts using the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as URLs utilizing the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked strands making use of the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.