Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to pack SVG files as Vue elements, using SVGO for optimization.\nFunctions.\nLoad SVG submits as Vue elements.\nImprove SVGs making use of SVGO.\nSmooth assimilation with Nuxt DevTools.\nSetup.\nInstall and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed here will definitely be exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader remains exact same to that of vite-svg-loader. You can describe the documents of vite-svg-loader for the accessible alternatives here.Utilization.Part.SVGs may be clearly imported as Vue components making use of the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs utilizing the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as fresh strings using the? fresh suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.