Sleep

Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt module to fill SVG data as Vue elements, making use of SVGO for optimization.\nComponents.\nLoad SVG files as Vue parts.\nEnhance SVGs utilizing SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallment.\nPut in and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm add -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed below are going to be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt module based upon vite-svg-loader, the setup for svgoLoader continues to be exact same to that of vite-svg-loader. You can easily describe the paperwork of vite-svg-loader for the on call possibilities listed below.Use.Component.SVGs can be clearly imported as Vue elements making use of the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as URLs making use of the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as raw cords utilizing the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In