Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt element to fill SVG data as Vue parts, making use of SVGO for marketing.\nComponents.\nLots SVG submits as Vue components.\nOptimize SVGs making use of SVGO.\nSeamless combination with Nuxt DevTools.\nSetup.\nSet up and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal supervisor.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed here are going to be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Considering that nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the configuration 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 on call choices listed below.Consumption.Element.SVGs could be explicitly imported as Vue parts making use of the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as Links utilizing the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked strings using the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.