Sleep

Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt module to load SVG files as Vue components, using SVGO for optimization.\nFunctions.\nLots SVG files as Vue parts.\nEnhance SVGs utilizing SVGO.\nSmooth combination along with Nuxt DevTools.\nInstallment.\nInstall and add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed below are going to be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Because nuxt-svgo-loader is actually a Nuxt module based upon vite-svg-loader, the arrangement for svgoLoader stays exact same to that of vite-svg-loader. You can refer to the records of vite-svg-loader for the available options below.Usage.Part.SVGs could be explicitly imported as Vue components using the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as Links using the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw strands utilizing the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In