Sleep

Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt component to load SVG data as Vue parts, using SVGO for marketing.\nFunctions.\nLots SVG submits as Vue parts.\nMaximize SVGs using SVGO.\nSeamless integration with Nuxt DevTools.\nSetup.\nPut up as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices here will certainly be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the setup for svgoLoader remains identical to that of vite-svg-loader. You may refer to the records of vite-svg-loader for the accessible options below.Utilization.Component.SVGs can be clearly imported as Vue components using the? component suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as Links making use of the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw cords utilizing the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In