Sleep

Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to fill SVG files as Vue parts, using SVGO for marketing.\nComponents.\nLots SVG submits as Vue components.\nMaximize SVGs utilizing SVGO.\nSmooth integration along with Nuxt DevTools.\nInstallment.\nPut in as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal supervisor.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options listed below will certainly be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is actually a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader continues to be the same to that of vite-svg-loader. You can easily pertain to the documentation of vite-svg-loader for the accessible choices right here.Use.Component.SVGs can be clearly imported as Vue parts using the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may 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 could be imported as raw strings making use of the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In