Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to pack SVG documents as Vue components, using SVGO for marketing.\nFeatures.\nBunch SVG files as Vue components.\nImprove SVGs utilizing SVGO.\nSmooth combination with Nuxt DevTools.\nInstallment.\nMount and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm add -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities below are going to be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader stays the same to that of vite-svg-loader. You can refer to the documents of vite-svg-loader for the on call choices listed here.Use.Element.SVGs can be explicitly imported as Vue components using the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as Links making use of the? link suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw strings utilizing the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.