Sleep

Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt component to fill SVG reports as Vue components, utilizing SVGO for marketing.\nFeatures.\nBunch SVG files as Vue parts.\nOptimize SVGs utilizing SVGO.\nSmooth integration along with Nuxt DevTools.\nInstallation.\nSet up and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm add -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Options listed here will certainly be passed to 'vite-svg-loader'. ).[NOTE] Given that nuxt-svgo-loader is actually a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader stays exact same to that of vite-svg-loader. You may describe the information of vite-svg-loader for the accessible choices right here.Consumption.Component.SVGs may be clearly imported as Vue components making use of the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could 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 strands utilizing the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In