Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt module to fill SVG reports as Vue parts, utilizing SVGO for marketing.\nFeatures.\nLots SVG files as Vue components.\nOptimize SVGs using SVGO.\nSmooth combination with Nuxt DevTools.\nInstallation.\nPut up and add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed here will be actually exchanged 'vite-svg-loader'. ).[NOTE] Since nuxt-svgo-loader is actually a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader stays similar to that of vite-svg-loader. You can easily refer to the paperwork of vite-svg-loader for the offered possibilities below.Consumption.Part.SVGs could be explicitly imported as Vue elements utilizing the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as URLs utilizing the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh strings using the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.