Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to pack SVG data as Vue parts, utilizing SVGO for optimization.\nFeatures.\nLoad SVG files as Vue parts.\nOptimize SVGs using SVGO.\nSmooth integration with Nuxt DevTools.\nInstallation.\nPut up and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives here will certainly be passed to 'vite-svg-loader'. ).[NOTE] Because nuxt-svgo-loader is a Nuxt module based upon vite-svg-loader, the setup for svgoLoader stays similar to that of vite-svg-loader. You can pertain to the paperwork of vite-svg-loader for the offered choices below.Consumption.Element.SVGs could be clearly imported as Vue elements making use of the? element suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as URLs making use of the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as fresh strings making use of the? fresh suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.