Sleep

Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt element to pack SVG documents as Vue parts, utilizing SVGO for optimization.\nFeatures.\nBunch SVG files as Vue parts.\nImprove SVGs utilizing SVGO.\nSmooth assimilation along with Nuxt DevTools.\nSetup.\nInstall and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Options listed here will be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Since nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader remains exact same to that of vite-svg-loader. You can easily refer to the information of vite-svg-loader for the accessible options listed here.Utilization.Part.SVGs could be clearly imported as Vue elements utilizing the? element suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as Links utilizing the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strands utilizing the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In