Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to pack SVG data as Vue components, using SVGO for marketing.\nComponents.\nBunch SVG files as Vue parts.\nMaximize SVGs utilizing SVGO.\nSeamless integration with Nuxt DevTools.\nSetup.\nPut up and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal supervisor.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Options below will be actually exchanged 'vite-svg-loader'. ).[NOTE] Considering that nuxt-svgo-loader is actually a Nuxt element based on vite-svg-loader, the configuration for svgoLoader remains exact same to that of vite-svg-loader. You may describe the records of vite-svg-loader for the on call possibilities listed below.Usage.Component.SVGs can be clearly imported as Vue components using the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs making use of the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh cords utilizing the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.