Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt element to fill SVG reports as Vue parts, using SVGO for optimization.\nAttributes.\nLoad SVG files as Vue parts.\nOptimize SVGs using SVGO.\nSmooth assimilation with Nuxt DevTools.\nSetup.\nPut in and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the setup for svgoLoader continues to be identical to that of vite-svg-loader. You can easily describe the documents of vite-svg-loader for the readily available possibilities here.Usage.Element.SVGs may be explicitly imported as Vue components utilizing the? part suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs 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 strings using the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.