Sleep

Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt component to load SVG files as Vue parts, using SVGO for optimization.\nFunctions.\nBunch SVG submits as Vue elements.\nEnhance SVGs utilizing SVGO.\nSmooth integration along with Nuxt DevTools.\nSetup.\nSet up and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will definitely be actually exchanged 'vite-svg-loader'. ).[NOTE] Considering that nuxt-svgo-loader is actually a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader continues to be exact same to that of vite-svg-loader. You can describe the paperwork of vite-svg-loader for the readily available possibilities listed below.Usage.Part.SVGs may be explicitly imported as Vue elements using the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as Links making use of 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 using the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In