Sleep

Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt component to fill SVG reports as Vue elements, utilizing SVGO for optimization.\nComponents.\nBunch SVG submits as Vue elements.\nEnhance SVGs using SVGO.\nSmooth integration with Nuxt DevTools.\nInstallment.\nPut up as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan manager.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices here are going to be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that nuxt-svgo-loader is actually a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader continues to be exact same to that of vite-svg-loader. You can pertain to the documentation of vite-svg-loader for the on call possibilities below.Use.Part.SVGs can be clearly imported as Vue elements using the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links utilizing the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as fresh strands making use of the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In