Sleep

Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt component to pack SVG data as Vue parts, utilizing SVGO for optimization.\nFunctions.\nLots SVG files as Vue components.\nImprove SVGs making use of SVGO.\nSeamless assimilation along with Nuxt DevTools.\nSetup.\nPut in and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm include -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will definitely be actually exchanged 'vite-svg-loader'. ).[NOTE] Considering that nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader remains exact same to that of vite-svg-loader. You may pertain to the paperwork of vite-svg-loader for the on call options below.Consumption.Component.SVGs can be explicitly imported as Vue parts making use of the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as URLs using the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked strings making use of the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In