Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt module to fill SVG data as Vue components, using SVGO for optimization.\nAttributes.\nBunch SVG files as Vue parts.\nMaximize SVGs utilizing SVGO.\nSeamless integration along with Nuxt DevTools.\nInstallation.\nMount and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm include -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed here will be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the configuration for svgoLoader remains exact same to that of vite-svg-loader. You may refer to the documentation of vite-svg-loader for the available options here.Utilization.Component.SVGs can be explicitly imported as Vue parts utilizing the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs using 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 strands using the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.