Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to load SVG documents as Vue components, making use of SVGO for optimization.\nAttributes.\nBunch SVG submits as Vue components.\nMaximize SVGs making use of SVGO.\nSeamless combination along with Nuxt DevTools.\nSetup.\nMount as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed here will definitely be exchanged 'vite-svg-loader'. ).[NOTE] Since nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader continues to be the same to that of vite-svg-loader. You can pertain to the records of vite-svg-loader for the available options below.Usage.Part.SVGs can be clearly imported as Vue components making use of the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may 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 fresh strands utilizing the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.