Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to fill SVG documents as Vue components, making use of SVGO for optimization.\nFunctions.\nLots SVG files as Vue components.\nImprove SVGs using SVGO.\nSeamless combination with Nuxt DevTools.\nInstallation.\nSet up and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan manager.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Options right here will certainly be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the setup for svgoLoader remains similar to that of vite-svg-loader. You may describe the documentation of vite-svg-loader for the accessible possibilities listed here.Consumption.Component.SVGs may be explicitly imported as Vue components utilizing the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs using the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh cords utilizing the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.