Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt element to load SVG data as Vue parts, using SVGO for optimization.\nAttributes.\nBunch SVG submits as Vue parts.\nOptimize SVGs making use of SVGO.\nSeamless integration with Nuxt DevTools.\nSetup.\nInstall and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will definitely be passed to 'vite-svg-loader'. ).[TAKE NOTE] Considering that nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader stays the same to that of vite-svg-loader. You can easily refer to the documentation of vite-svg-loader for the available possibilities right here.Consumption.Element.SVGs could be clearly imported as Vue parts making use of the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs utilizing the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh strings utilizing the? fresh suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.