Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt component to pack SVG reports as Vue parts, making use of SVGO for optimization.\nAttributes.\nTons SVG files as Vue components.\nMaximize SVGs utilizing SVGO.\nSmooth integration with Nuxt DevTools.\nSetup.\nPut up and add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal supervisor.pnpm incorporate -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices here are going to be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that nuxt-svgo-loader is actually a Nuxt module based upon vite-svg-loader, the configuration for svgoLoader stays exact same to that of vite-svg-loader. You can describe the paperwork of vite-svg-loader for the offered alternatives listed here.Use.Part.SVGs may be explicitly imported as Vue elements using the? component suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs utilizing the? url suffix:.bring in nuxtSvgUrl coming 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 === '.