Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to load SVG documents as Vue parts, utilizing SVGO for optimization.\nComponents.\nTons SVG files as Vue components.\nEnhance SVGs using SVGO.\nSeamless combination with Nuxt DevTools.\nInstallment.\nPut up and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed below are going to be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader continues to be similar to that of vite-svg-loader. You can refer to the paperwork of vite-svg-loader for the readily available options right here.Consumption.Part.SVGs can be clearly imported as Vue elements making use of the? element suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as Links making use of 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 coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.