Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt component to pack SVG data as Vue components, utilizing SVGO for optimization.\nComponents.\nLoad SVG submits as Vue components.\nImprove SVGs utilizing SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallation.\nPut in as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed below will definitely be passed to 'vite-svg-loader'. ).[NOTE] Considering that nuxt-svgo-loader is a Nuxt component based on vite-svg-loader, the configuration for svgoLoader stays identical to that of vite-svg-loader. You can easily pertain to the information of vite-svg-loader for the accessible choices listed here.Use.Component.SVGs can be clearly imported as Vue elements using the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links 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 raw cords making use of the? fresh suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.