Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to fill SVG files as Vue elements, utilizing SVGO for marketing.\nFeatures.\nLots SVG submits as Vue elements.\nMaximize SVGs using SVGO.\nSeamless combination along with Nuxt DevTools.\nSetup.\nPut up and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Options here will certainly be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Considering that nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the setup for svgoLoader continues to be similar to that of vite-svg-loader. You can refer to the information of vite-svg-loader for the available alternatives right here.Use.Element.SVGs may be explicitly imported as Vue elements making use of the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as Links utilizing the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw strings using the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.