Sleep

Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to pack SVG documents as Vue parts, using SVGO for optimization.\nAttributes.\nTons SVG submits as Vue elements.\nOptimize SVGs utilizing SVGO.\nSmooth combination along with Nuxt DevTools.\nSetup.\nPut in and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan manager.pnpm include -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives here will certainly be actually passed to 'vite-svg-loader'. ).[TAKE NOTE] Due to the fact that nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader continues to be exact same to that of vite-svg-loader. You can easily refer to the documents of vite-svg-loader for the accessible choices listed below.Use.Component.SVGs may be clearly imported as Vue elements using the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs utilizing 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 fresh strands making use of the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In