Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to pack SVG documents as Vue components, using SVGO for optimization.\nFeatures.\nLots SVG files as Vue elements.\nMaximize SVGs making use of SVGO.\nSeamless combination with Nuxt DevTools.\nInstallment.\nMount as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm include -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options listed here will certainly be exchanged 'vite-svg-loader'. ).[NOTE] Considering that nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader stays exact same to that of vite-svg-loader. You can easily describe the paperwork of vite-svg-loader for the accessible choices here.Usage.Component.SVGs could be explicitly imported as Vue elements making use of the? part suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links utilizing the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strands utilizing the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.