Sleep

Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to fill SVG files as Vue elements, making use of SVGO for optimization.\nAttributes.\nLoad SVG submits as Vue elements.\nImprove SVGs using SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallation.\nPut up and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm add -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options below will be exchanged 'vite-svg-loader'. ).[NOTE] Since nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the setup for svgoLoader stays the same to that of vite-svg-loader. You can describe the documentation of vite-svg-loader for the readily available options listed here.Consumption.Element.SVGs may be clearly imported as Vue components making use of the? component suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links making use of the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked cords utilizing the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In