Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to pack SVG data as Vue parts, making use of SVGO for marketing.\nComponents.\nBunch SVG submits as Vue parts.\nMaximize SVGs using SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallment.\nMount and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives here will be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Given that nuxt-svgo-loader is actually a Nuxt module based upon vite-svg-loader, the arrangement for svgoLoader continues to be identical to that of vite-svg-loader. You may describe the records of vite-svg-loader for the available options below.Use.Element.SVGs can be clearly imported as Vue elements utilizing the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as URLs using the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked cords making use of the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.