Sleep

Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt module to pack SVG files as Vue parts, utilizing SVGO for optimization.\nAttributes.\nLots SVG submits as Vue parts.\nImprove SVGs making use of SVGO.\nSeamless integration with Nuxt DevTools.\nInstallation.\nPut in as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm add -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices below will be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is actually a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader remains identical to that of vite-svg-loader. You can easily pertain to the documentation of vite-svg-loader for the available options listed below.Use.Part.SVGs may be clearly imported as Vue components making use of the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could 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 may be imported as uncooked strands using the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In