Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt element to pack SVG data as Vue elements, using SVGO for marketing.\nComponents.\nBunch SVG submits as Vue components.\nOptimize SVGs utilizing SVGO.\nSeamless integration with Nuxt DevTools.\nInstallment.\nPut up as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will certainly be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the setup for svgoLoader remains the same to that of vite-svg-loader. You may describe the records of vite-svg-loader for the accessible options listed here.Use.Part.SVGs can be clearly imported as Vue elements making use of the? element suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs utilizing the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw strings utilizing the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.