Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to pack SVG data as Vue elements, using SVGO for marketing.\nFunctions.\nBunch SVG submits as Vue components.\nOptimize SVGs utilizing SVGO.\nSeamless combination along with Nuxt DevTools.\nSetup.\nPut up and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities right here will be exchanged 'vite-svg-loader'. ).[TAKE NOTE] Considering that nuxt-svgo-loader is actually a Nuxt module based on vite-svg-loader, the setup for svgoLoader stays identical to that of vite-svg-loader. You may refer to the documentation of vite-svg-loader for the on call possibilities below.Use.Element.SVGs could be clearly imported as Vue elements making use of the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.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 could be imported as uncooked strands making use of the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.