Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to fill SVG data as Vue parts, using SVGO for optimization.\nAttributes.\nLoad SVG files as Vue elements.\nOptimize SVGs using SVGO.\nSmooth combination along with Nuxt DevTools.\nInstallation.\nSet up and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal supervisor.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here will be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt component based on vite-svg-loader, the arrangement for svgoLoader continues to be the same to that of vite-svg-loader. You may describe the records of vite-svg-loader for the on call possibilities listed below.Usage.Part.SVGs can be explicitly imported as Vue components utilizing the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as Links making use of the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw strings making use of the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.