Sleep

Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt component to pack SVG data as Vue components, utilizing SVGO for marketing.\nFeatures.\nTons SVG files as Vue elements.\nMaximize SVGs using SVGO.\nSmooth assimilation with Nuxt DevTools.\nSetup.\nInstall and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan manager.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed here will definitely be passed to 'vite-svg-loader'. ).[NOTE] Given that nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the setup for svgoLoader continues to be exact same to that of vite-svg-loader. You can easily pertain to the paperwork of vite-svg-loader for the offered alternatives right here.Consumption.Component.SVGs can be explicitly imported as Vue components making use of the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may 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 raw cords using the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In