Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt component to load SVG reports as Vue parts, using SVGO for optimization.\nAttributes.\nBunch SVG submits as Vue components.\nOptimize SVGs making use of SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallment.\nSet up and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal supervisor.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Options here will definitely be passed to 'vite-svg-loader'. ).[NOTE] Due to the fact that nuxt-svgo-loader is a Nuxt module based upon vite-svg-loader, the configuration for svgoLoader remains similar to that of vite-svg-loader. You may refer to the paperwork of vite-svg-loader for the on call alternatives right here.Utilization.Element.SVGs can be clearly imported as Vue parts using the? element suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as URLs making use of the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw cords utilizing the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.