Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt component to fill SVG documents as Vue components, making use of SVGO for marketing.\nComponents.\nLots SVG files as Vue components.\nOptimize SVGs utilizing SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallation.\nPut up as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan manager.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options listed here will be actually passed to 'vite-svg-loader'. ).[TAKE NOTE] Because 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 pertain to the information of vite-svg-loader for the readily available possibilities below.Utilization.Component.SVGs may be clearly imported as Vue components using the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links making use of the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as fresh strings utilizing the? fresh suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.