Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt component to fill SVG reports as Vue elements, using SVGO for optimization.\nFunctions.\nLots SVG submits as Vue components.\nEnhance SVGs making use of SVGO.\nSmooth integration with Nuxt DevTools.\nSetup.\nPut up and add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here are going to be exchanged 'vite-svg-loader'. ).[TAKE NOTE] Due to the fact that nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader continues to be identical to that of vite-svg-loader. You can pertain to the documents of vite-svg-loader for the offered possibilities here.Usage.Part.SVGs can be clearly imported as Vue components utilizing the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs making use of the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked cords using the? fresh suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.