Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt component to fill SVG data as Vue elements, using SVGO for marketing.\nFunctions.\nLots SVG submits as Vue elements.\nOptimize SVGs utilizing SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallation.\nInstall as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will certainly be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt component based on vite-svg-loader, the arrangement for svgoLoader continues to be similar to that of vite-svg-loader. You may refer to the documentation of vite-svg-loader for the on call choices right here.Consumption.Element.SVGs may be explicitly imported as Vue parts making use of the? element suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links utilizing the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw strings making use of the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.