Sleep

Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt module to load SVG data as Vue parts, making use of SVGO for marketing.\nComponents.\nBunch SVG submits as Vue elements.\nMaximize SVGs making use of SVGO.\nSmooth combination with Nuxt DevTools.\nSetup.\nPut in and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm include -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here are going to be actually exchanged 'vite-svg-loader'. ).[NOTE] Due to the fact that nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader stays exact same to that of vite-svg-loader. You can refer to the paperwork of vite-svg-loader for the on call options listed below.Utilization.Part.SVGs could be clearly imported as Vue components making use of the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs utilizing the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked strands utilizing the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In