Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to load SVG files as Vue parts, making use of SVGO for marketing.\nComponents.\nTons SVG submits as Vue parts.\nMaximize SVGs making use of SVGO.\nSmooth integration with Nuxt DevTools.\nInstallment.\nMount as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm include -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Options below are going to be actually passed to 'vite-svg-loader'. ).[NOTE] Because nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the setup for svgoLoader continues to be identical to that of vite-svg-loader. You can describe the paperwork of vite-svg-loader for the offered choices listed below.Use.Part.SVGs may be explicitly imported as Vue elements making use of the? component suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links utilizing the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked strands utilizing the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.