Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt element to fill SVG files as Vue parts, utilizing SVGO for optimization.\nAttributes.\nLoad SVG files as Vue parts.\nImprove SVGs using SVGO.\nSmooth integration with Nuxt DevTools.\nInstallment.\nSet up as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm add -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here are going to be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the arrangement for svgoLoader stays exact same to that of vite-svg-loader. You may refer to the documents of vite-svg-loader for the offered options listed here.Use.Part.SVGs may be explicitly imported as Vue components using the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as Links using the? link suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw cords making use of the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.