Sleep

Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to pack SVG reports as Vue parts, making use of SVGO for marketing.\nComponents.\nLoad SVG files as Vue components.\nOptimize SVGs using SVGO.\nSeamless combination with Nuxt DevTools.\nInstallation.\nSet up as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm include -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will certainly be actually passed to 'vite-svg-loader'. ).[NOTE] Since nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the configuration for svgoLoader stays exact same to that of vite-svg-loader. You can easily describe the records of vite-svg-loader for the accessible choices here.Utilization.Component.SVGs can be clearly imported as Vue parts making use of the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as Links using the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked strings making use of the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In