Sleep

Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to pack SVG data as Vue parts, utilizing SVGO for marketing.\nComponents.\nLots SVG files as Vue components.\nMaximize SVGs making use of SVGO.\nSmooth combination with Nuxt DevTools.\nInstallation.\nPut in as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan manager.pnpm include -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here will certainly be passed to 'vite-svg-loader'. ).[NOTE] Considering that nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the configuration for svgoLoader remains exact same to that of vite-svg-loader. You can easily refer to the paperwork of vite-svg-loader for the offered possibilities here.Utilization.Element.SVGs could be clearly imported as Vue components utilizing the? element suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as URLs utilizing the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked cords using the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In