Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to load SVG files as Vue parts, making use of SVGO for marketing.\nFeatures.\nBunch SVG files as Vue components.\nOptimize SVGs making use of SVGO.\nSmooth assimilation with Nuxt DevTools.\nInstallation.\nPut up and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities below will definitely be exchanged 'vite-svg-loader'. ).[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 may pertain to the documents of vite-svg-loader for the available alternatives right here.Usage.Element.SVGs could be explicitly imported as Vue components making use of the? element suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs using the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked strands using the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.