Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt component to load SVG reports as Vue parts, making use of SVGO for marketing.\nComponents.\nLoad SVG submits as Vue elements.\nEnhance SVGs using SVGO.\nSmooth assimilation with Nuxt DevTools.\nInstallment.\nMount as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm add -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed here will be actually passed to 'vite-svg-loader'. ).[TAKE NOTE] Due to the fact that nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the configuration for svgoLoader remains exact same to that of vite-svg-loader. You can describe the documents of vite-svg-loader for the accessible alternatives listed here.Utilization.Part.SVGs can be clearly imported as Vue parts utilizing the? component suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs using the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked strands making use of the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.