Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to fill SVG reports as Vue elements, utilizing SVGO for marketing.\nFunctions.\nBunch SVG submits as Vue elements.\nImprove SVGs using SVGO.\nSeamless assimilation along with Nuxt DevTools.\nSetup.\nSet up and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm add -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here will definitely be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the configuration for svgoLoader continues to be the same to that of vite-svg-loader. You may describe the information of vite-svg-loader for the offered choices right here.Utilization.Element.SVGs may be explicitly imported as Vue components using the? element suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs using the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh strings making use of the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.