Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt component to pack SVG data as Vue parts, making use of SVGO for marketing.\nComponents.\nTons SVG submits as Vue components.\nOptimize SVGs utilizing SVGO.\nSeamless combination with Nuxt DevTools.\nInstallment.\nInstall and include 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.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will certainly be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Given that nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the setup for svgoLoader remains identical to that of vite-svg-loader. You may pertain to the information of vite-svg-loader for the offered choices here.Utilization.Element.SVGs could be clearly imported as Vue components using the? element suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as Links utilizing the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw strands utilizing the? fresh suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.