Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt component to load SVG data as Vue components, making use of SVGO for optimization.\nFunctions.\nBunch SVG files as Vue parts.\nEnhance SVGs making use of SVGO.\nSeamless integration with Nuxt DevTools.\nSetup.\nPut in as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives below will certainly be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the configuration for svgoLoader continues to be exact same to that of vite-svg-loader. You can easily refer to the information of vite-svg-loader for the accessible possibilities listed here.Usage.Component.SVGs can be explicitly imported as Vue elements using the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may 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 uncooked strings making use of the? raw suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.