Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt component to pack SVG reports as Vue elements, making use of SVGO for optimization.\nAttributes.\nBunch SVG files as Vue elements.\nOptimize SVGs making use of SVGO.\nSmooth integration along with Nuxt DevTools.\nInstallation.\nMount and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm add -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will definitely be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt component based on vite-svg-loader, the arrangement for svgoLoader continues to be identical to that of vite-svg-loader. You can pertain to the information of vite-svg-loader for the offered possibilities here.Use.Element.SVGs could be explicitly imported as Vue elements utilizing the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as URLs using the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw cords utilizing the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.