Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to fill SVG reports as Vue components, using SVGO for optimization.\nComponents.\nLots SVG submits as Vue components.\nOptimize SVGs making use of SVGO.\nSeamless integration along with Nuxt DevTools.\nInstallment.\nPut in as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm include -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will certainly be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the setup for svgoLoader continues to be exact same to that of vite-svg-loader. You can easily pertain to the documentation of vite-svg-loader for the offered possibilities here.Utilization.Part.SVGs may be explicitly imported as Vue components making use of the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links using the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw cords making use of the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.