Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt module to pack SVG files as Vue parts, utilizing SVGO for optimization.\nAttributes.\nBunch SVG files as Vue components.\nEnhance SVGs using SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallment.\nPut in and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm include -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities right here will definitely be actually passed to 'vite-svg-loader'. ).[TAKE NOTE] Because nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader remains identical to that of vite-svg-loader. You may describe the paperwork of vite-svg-loader for the accessible choices listed below.Usage.Part.SVGs may be clearly imported as Vue elements using the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as Links using the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw strings using the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.