Sleep

Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt component to fill SVG data as Vue elements, utilizing SVGO for marketing.\nFeatures.\nBunch SVG files as Vue components.\nEnhance SVGs using SVGO.\nSmooth assimilation with Nuxt DevTools.\nInstallation.\nInstall and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm add -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities right here will certainly be actually exchanged 'vite-svg-loader'. ).[NOTE] Considering that nuxt-svgo-loader is actually a Nuxt module based upon vite-svg-loader, the arrangement for svgoLoader remains the same to that of vite-svg-loader. You may pertain to the paperwork of vite-svg-loader for the offered choices below.Consumption.Component.SVGs could be clearly imported as Vue components making use of the? element suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as URLs using the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked cords utilizing the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In