Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt module to pack SVG files as Vue elements, utilizing SVGO for optimization.\nAttributes.\nBunch SVG submits as Vue parts.\nImprove SVGs using SVGO.\nSmooth integration with Nuxt DevTools.\nSetup.\nMount and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options here will be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that nuxt-svgo-loader is actually a Nuxt element based on vite-svg-loader, the configuration for svgoLoader continues to be similar to that of vite-svg-loader. You may describe the information of vite-svg-loader for the accessible choices below.Consumption.Part.SVGs could be explicitly imported as Vue elements making use of the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links utilizing the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked cords making use of the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.