Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to load SVG reports as Vue elements, making use of SVGO for marketing.\nComponents.\nBunch SVG submits as Vue elements.\nEnhance SVGs utilizing SVGO.\nSeamless integration along with Nuxt DevTools.\nInstallment.\nSet up and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm add -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed below are going to be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt module based upon vite-svg-loader, the setup for svgoLoader remains exact same to that of vite-svg-loader. You can refer to the documents of vite-svg-loader for the available options right here.Use.Element.SVGs can be clearly imported as Vue parts using the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs utilizing the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strands utilizing the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.