Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to fill SVG files as Vue parts, using SVGO for marketing.\nFunctions.\nBunch SVG submits as Vue parts.\nMaximize SVGs making use of SVGO.\nSeamless assimilation along with Nuxt DevTools.\nInstallation.\nMount as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm add -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Options here will definitely be exchanged 'vite-svg-loader'. ).[TAKE NOTE] Since nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the setup for svgoLoader stays exact same to that of vite-svg-loader. You can easily refer to the documentation of vite-svg-loader for the on call possibilities below.Use.Element.SVGs may be clearly imported as Vue parts using the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.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 could be imported as fresh strands using the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.