Sleep

Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt component to pack SVG files as Vue parts, making use of SVGO for optimization.\nAttributes.\nLots SVG submits as Vue elements.\nEnhance SVGs using SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallment.\nMount as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm include -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Options listed here will certainly be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader stays identical to that of vite-svg-loader. You may refer to the documentation of vite-svg-loader for the available possibilities listed below.Usage.Part.SVGs could be explicitly imported as Vue elements using the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links making use of the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh cords utilizing the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In