Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt element to load SVG data as Vue components, utilizing SVGO for optimization.\nComponents.\nLoad SVG submits as Vue components.\nMaximize SVGs making use of SVGO.\nSeamless combination along with Nuxt DevTools.\nSetup.\nPut up and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm include -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed below will certainly be actually passed to 'vite-svg-loader'. ).[NOTE] Considering that nuxt-svgo-loader is a Nuxt component based on vite-svg-loader, the arrangement for svgoLoader continues to be exact same to that of vite-svg-loader. You can pertain to the documentation of vite-svg-loader for the available alternatives listed here.Utilization.Component.SVGs can be clearly imported as Vue parts using the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs utilizing the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as raw strings using the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.