Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to fill SVG data as Vue elements, using SVGO for marketing.\nAttributes.\nBunch SVG files as Vue parts.\nMaximize SVGs making use of SVGO.\nSeamless integration along with Nuxt DevTools.\nInstallation.\nSet up and 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 add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives below will certainly be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Given that nuxt-svgo-loader is actually a Nuxt component 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.Part.SVGs could be clearly imported as Vue elements making use of the? component suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as URLs using the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked cords utilizing the? fresh suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.