Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt module to load SVG files as Vue components, utilizing SVGO for optimization.\nComponents.\nLoad SVG files as Vue elements.\nImprove SVGs making use of SVGO.\nSmooth assimilation along with Nuxt DevTools.\nSetup.\nInstall as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options right here will definitely be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Considering that nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the setup for svgoLoader stays exact same to that of vite-svg-loader. You can describe the documents of vite-svg-loader for the accessible choices below.Use.Component.SVGs can be clearly imported as Vue components utilizing the? part suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs making use of the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strings using the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.