Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt component to load SVG files as Vue elements, making use of SVGO for marketing.\nFunctions.\nBunch SVG submits as Vue elements.\nOptimize SVGs using SVGO.\nSeamless combination with Nuxt DevTools.\nSetup.\nPut in and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed below are going to be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is a Nuxt component based on vite-svg-loader, the configuration for svgoLoader stays similar to that of vite-svg-loader. You can easily describe the paperwork of vite-svg-loader for the readily available options right here.Usage.Element.SVGs can be explicitly imported as Vue parts making use of the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs utilizing the? link suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as raw cords making use of the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.