Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt component to fill SVG files as Vue elements, using SVGO for marketing.\nFunctions.\nLots SVG files as Vue parts.\nEnhance SVGs utilizing SVGO.\nSeamless assimilation along with Nuxt DevTools.\nSetup.\nPut in and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here are going to be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Considering that nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the arrangement for svgoLoader remains identical to that of vite-svg-loader. You can easily pertain to the records of vite-svg-loader for the on call options listed below.Consumption.Component.SVGs could be clearly imported as Vue elements making use of the? component suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs making use of the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh cords using the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.