Sleep

Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to pack SVG data as Vue elements, making use of SVGO for optimization.\nAttributes.\nBunch SVG submits as Vue components.\nMaximize SVGs using SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallation.\nPut in and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices here will definitely be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the arrangement for svgoLoader remains exact same to that of vite-svg-loader. You can easily refer to the paperwork of vite-svg-loader for the readily available options below.Usage.Element.SVGs can be explicitly imported as Vue parts utilizing the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs utilizing the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh cords making use of the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In