Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to pack SVG documents as Vue elements, using SVGO for marketing.\nComponents.\nLoad SVG files as Vue components.\nMaximize SVGs utilizing SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallment.\nSet up and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here are going to be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt module based upon vite-svg-loader, the arrangement for svgoLoader continues to be exact same to that of vite-svg-loader. You can describe the records of vite-svg-loader for the available options listed below.Use.Component.SVGs could be explicitly imported as Vue parts utilizing the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as Links making use of the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw strands utilizing the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.