Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to fill SVG data as Vue elements, utilizing SVGO for marketing.\nFeatures.\nLoad SVG files as Vue parts.\nMaximize SVGs using SVGO.\nSmooth integration along with Nuxt DevTools.\nInstallment.\nInstall and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm add -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: // Choices below are going to be actually passed to 'vite-svg-loader'. ).[NOTE] Due to the fact that nuxt-svgo-loader is a Nuxt module based on 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 readily available possibilities listed here.Consumption.Part.SVGs may be explicitly imported as Vue parts utilizing the? component suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs utilizing the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw cords using the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.