Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to pack SVG data as Vue elements, making use of SVGO for optimization.\nAttributes.\nTons SVG files as Vue elements.\nImprove SVGs making use of SVGO.\nSmooth integration along with Nuxt DevTools.\nInstallment.\nPut up as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal supervisor.pnpm add -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed below will definitely be exchanged 'vite-svg-loader'. ).[TAKE NOTE] Since nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the arrangement for svgoLoader continues to be identical to that of vite-svg-loader. You can easily describe the information of vite-svg-loader for the readily available alternatives below.Usage.Part.SVGs may be clearly imported as Vue components using the? component suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs utilizing the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked cords using the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.