Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt element to fill SVG files as Vue parts, using SVGO for optimization.\nFeatures.\nTons SVG submits as Vue elements.\nImprove SVGs making use of SVGO.\nSeamless integration with Nuxt DevTools.\nSetup.\nSet up and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm add -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed here will certainly be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Considering that nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader continues to be exact same to that of vite-svg-loader. You may describe the documentation of vite-svg-loader for the offered possibilities listed below.Usage.Component.SVGs may be explicitly imported as Vue parts making use of the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as Links using the? link suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked strands using the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.