Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to pack SVG files as Vue elements, using SVGO for optimization.\nFeatures.\nTons SVG files as Vue parts.\nOptimize SVGs using SVGO.\nSmooth assimilation along with Nuxt DevTools.\nSetup.\nInstall and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed below will certainly be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Since nuxt-svgo-loader is actually a Nuxt element based on vite-svg-loader, the setup for svgoLoader continues to be the same to that of vite-svg-loader. You can easily refer to the documents of vite-svg-loader for the accessible alternatives below.Consumption.Component.SVGs can be clearly imported as Vue parts making use of the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as Links using the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh strings utilizing the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.