Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt element to pack SVG reports as Vue components, using SVGO for marketing.\nFeatures.\nBunch SVG submits as Vue parts.\nImprove SVGs making use of SVGO.\nSeamless combination with Nuxt DevTools.\nSetup.\nMount as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm add -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities right here will certainly be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Considering that nuxt-svgo-loader is actually a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader continues to be identical to that of vite-svg-loader. You can easily pertain to the information of vite-svg-loader for the accessible choices listed here.Consumption.Element.SVGs can be explicitly imported as Vue components using the? part suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links using the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh cords utilizing the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.