Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt module to fill SVG reports as Vue components, using SVGO for marketing.\nComponents.\nLoad SVG files as Vue elements.\nImprove SVGs making use of SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallment.\nSet up and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm include -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives below are going to be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the setup for svgoLoader remains identical to that of vite-svg-loader. You can easily refer to the documents of vite-svg-loader for the readily available choices here.Utilization.Element.SVGs can be explicitly imported as Vue components utilizing the? element suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links using the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked cords using the? fresh suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.