Sleep

Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to load SVG reports as Vue elements, utilizing SVGO for optimization.\nComponents.\nTons SVG submits as Vue elements.\nMaximize SVGs using SVGO.\nSmooth assimilation with Nuxt DevTools.\nSetup.\nPut in and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives below will be actually passed to 'vite-svg-loader'. ).[NOTE] Because nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the setup for svgoLoader continues to be similar to that of vite-svg-loader. You may refer to the documents of vite-svg-loader for the on call alternatives below.Use.Element.SVGs can be clearly imported as Vue elements making use of the? element suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as Links making use of the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked strands using the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In