Sleep

Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to pack SVG reports as Vue parts, making use of SVGO for optimization.\nAttributes.\nBunch SVG submits as Vue parts.\nOptimize SVGs using SVGO.\nSeamless combination with Nuxt DevTools.\nInstallment.\nSet up as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm include -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here will be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Considering that nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the configuration for svgoLoader continues to be identical to that of vite-svg-loader. You may pertain to the documentation of vite-svg-loader for the accessible choices listed below.Utilization.Part.SVGs may be explicitly imported as Vue elements making use of the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links using the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked cords utilizing the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In