Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt component to load SVG reports as Vue components, making use of SVGO for optimization.\nFeatures.\nTons SVG files as Vue elements.\nOptimize SVGs making use of SVGO.\nSeamless combination with Nuxt DevTools.\nSetup.\nSet up and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm include -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will certainly be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Since nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the arrangement for svgoLoader remains the same to that of vite-svg-loader. You can describe the records of vite-svg-loader for the available choices right here.Utilization.Part.SVGs could be clearly imported as Vue parts making use of the? element suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as URLs utilizing the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh strings making use of the? fresh suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.