Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt module to load SVG data as Vue components, making use of SVGO for marketing.\nAttributes.\nTons SVG submits as Vue elements.\nImprove SVGs making use of SVGO.\nSmooth integration with Nuxt DevTools.\nSetup.\nPut in 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.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities below are going to be exchanged 'vite-svg-loader'. ).[NOTE] Given that nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the arrangement for svgoLoader remains exact same to that of vite-svg-loader. You can easily describe the documents of vite-svg-loader for the offered options below.Use.Component.SVGs may be explicitly imported as Vue components utilizing the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as URLs utilizing the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked cords utilizing the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.