Sleep

Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to load SVG reports as Vue components, utilizing SVGO for optimization.\nFeatures.\nTons SVG submits as Vue elements.\nImprove SVGs making use of SVGO.\nSmooth combination with Nuxt DevTools.\nInstallation.\nInstall as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will certainly be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the setup for svgoLoader continues to be the same to that of vite-svg-loader. You can easily describe the paperwork of vite-svg-loader for the on call possibilities right here.Utilization.Component.SVGs can be explicitly imported as Vue parts utilizing the? component suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as URLs using the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strings using the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In