Sleep

Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt module to fill SVG documents as Vue elements, using SVGO for marketing.\nFunctions.\nLots SVG submits as Vue elements.\nOptimize SVGs using SVGO.\nSmooth combination along with Nuxt DevTools.\nInstallment.\nInstall and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Options right here will certainly be passed to 'vite-svg-loader'. ).[TAKE NOTE] Given that nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the setup for svgoLoader continues to be identical to that of vite-svg-loader. You can refer to the records of vite-svg-loader for the on call choices here.Use.Element.SVGs may be clearly imported as Vue parts making use of the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links using the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw cords utilizing the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In