Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to pack SVG documents as Vue elements, making use of SVGO for optimization.\nFeatures.\nTons SVG submits as Vue components.\nEnhance SVGs using SVGO.\nSeamless assimilation along with Nuxt DevTools.\nInstallment.\nPut up as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will be actually exchanged 'vite-svg-loader'. ).[NOTE] Because nuxt-svgo-loader is actually a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader remains identical to that of vite-svg-loader. You may pertain to the documents of vite-svg-loader for the offered choices right here.Utilization.Component.SVGs can be clearly imported as Vue components using the? component suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links making use of the? link suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strings utilizing the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.