Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt element to fill SVG data as Vue elements, using SVGO for marketing.\nFunctions.\nTons SVG files as Vue elements.\nEnhance SVGs using SVGO.\nSeamless assimilation with Nuxt DevTools.\nSetup.\nMount as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal supervisor.pnpm include -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Options listed here are going to be actually passed to 'vite-svg-loader'. ).[NOTE] Because nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the setup for svgoLoader continues to be identical to that of vite-svg-loader. You may describe the documents of vite-svg-loader for the readily available options listed here.Utilization.Part.SVGs may be explicitly imported as Vue components making use of the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links using the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw strands using the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.