Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to fill SVG files as Vue components, making use of SVGO for optimization.\nAttributes.\nLoad SVG files as Vue components.\nOptimize SVGs using SVGO.\nSmooth assimilation with Nuxt DevTools.\nInstallment.\nPut in and add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Options here will certainly be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the setup for svgoLoader stays similar to that of vite-svg-loader. You can easily refer to the documents of vite-svg-loader for the on call alternatives right here.Utilization.Part.SVGs may be explicitly imported as Vue parts using the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as Links utilizing the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh cords utilizing the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.