Sleep

Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt component to fill SVG files as Vue components, making use of SVGO for marketing.\nComponents.\nBunch SVG files as Vue components.\nMaximize SVGs making use of SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallment.\nInstall as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives below will definitely be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the configuration for svgoLoader continues to be identical to that of vite-svg-loader. You may refer to the documentation of vite-svg-loader for the offered choices here.Utilization.Element.SVGs may be clearly imported as Vue components using the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs making use of the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw strands making use of the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In