Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt element to pack SVG data as Vue elements, making use of SVGO for optimization.\nComponents.\nLots SVG submits as Vue components.\nEnhance SVGs using SVGO.\nSeamless integration with Nuxt DevTools.\nInstallation.\nPut in as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm add -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives below are going to be actually passed to 'vite-svg-loader'. ).[NOTE] Since nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the configuration for svgoLoader continues to be identical to that of vite-svg-loader. You can easily refer to the information of vite-svg-loader for the readily available possibilities listed below.Utilization.Component.SVGs can be clearly imported as Vue components utilizing the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as URLs making use of the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strings making use of the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.