Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt element to load SVG files as Vue elements, making use of SVGO for optimization.\nAttributes.\nBunch SVG files as Vue parts.\nOptimize SVGs using SVGO.\nSeamless assimilation along with Nuxt DevTools.\nInstallation.\nInstall and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal supervisor.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed here are going to be exchanged 'vite-svg-loader'. ).[TAKE NOTE] Because nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the setup for svgoLoader continues to be exact same to that of vite-svg-loader. You can easily describe the paperwork of vite-svg-loader for the readily available possibilities below.Use.Part.SVGs can be explicitly imported as Vue parts making use of the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links utilizing the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strands using the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.