Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to load SVG files as Vue parts, utilizing SVGO for marketing.\nFunctions.\nLoad SVG files as Vue parts.\nMaximize SVGs making use of SVGO.\nSmooth combination with Nuxt DevTools.\nInstallation.\nPut up and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options listed here will certainly be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Because nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the configuration for svgoLoader remains identical to that of vite-svg-loader. You can refer to the documents of vite-svg-loader for the readily available options here.Utilization.Part.SVGs may be clearly imported as Vue parts utilizing the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs using the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh cords utilizing the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.