Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt component to fill SVG documents as Vue elements, using SVGO for marketing.\nFunctions.\nLoad SVG files as Vue elements.\nImprove SVGs making use of SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallation.\nInstall and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options listed below will definitely be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Considering that nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the configuration for svgoLoader stays similar to that of vite-svg-loader. You can easily describe the paperwork of vite-svg-loader for the accessible alternatives listed here.Usage.Part.SVGs can be clearly imported as Vue parts making use of the? component suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as URLs making use of the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as raw strands utilizing the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.