Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to pack SVG files as Vue parts, utilizing SVGO for marketing.\nAttributes.\nLots SVG files as Vue components.\nEnhance SVGs making use of SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallment.\nMount as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm add -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices below will definitely be actually exchanged 'vite-svg-loader'. ).[NOTE] Due to the fact that nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the setup for svgoLoader remains similar to that of vite-svg-loader. You can describe the records of vite-svg-loader for the readily available choices right here.Utilization.Element.SVGs can be explicitly imported as Vue components utilizing the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as Links 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 uncooked strings using the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.