Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to pack SVG data as Vue parts, using SVGO for optimization.\nFeatures.\nLots SVG files as Vue elements.\nImprove SVGs using SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallation.\nInstall as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed below will certainly be exchanged 'vite-svg-loader'. ).[NOTE] Because nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader continues to be similar to that of vite-svg-loader. You can describe the documentation of vite-svg-loader for the available options below.Use.Component.SVGs can be clearly imported as Vue components using the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links making use of the? link suffix:.import 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? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.