Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to pack SVG reports as Vue components, using SVGO for marketing.\nAttributes.\nLoad SVG files as Vue elements.\nOptimize SVGs utilizing SVGO.\nSmooth integration with Nuxt DevTools.\nInstallation.\nPut in and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm incorporate -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: // Choices listed below will be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Due to the fact that nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the setup for svgoLoader remains similar to that of vite-svg-loader. You can easily refer to the documentation of vite-svg-loader for the readily available alternatives here.Consumption.Part.SVGs may be clearly imported as Vue parts utilizing the? part suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as URLs making use of the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strands using the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.