Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt component to fill SVG files as Vue components, utilizing SVGO for optimization.\nFeatures.\nTons SVG files as Vue components.\nEnhance SVGs utilizing SVGO.\nSeamless combination with Nuxt DevTools.\nInstallation.\nPut up as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm add -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities below will definitely be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Considering that nuxt-svgo-loader is a Nuxt component based on vite-svg-loader, the arrangement for svgoLoader stays the same to that of vite-svg-loader. You may pertain to the documentation of vite-svg-loader for the offered options listed here.Utilization.Part.SVGs could be explicitly imported as Vue parts utilizing the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may 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 cords using the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.