Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to pack SVG data as Vue components, making use of SVGO for optimization.\nAttributes.\nTons SVG submits as Vue elements.\nOptimize SVGs using SVGO.\nSmooth combination with Nuxt DevTools.\nInstallment.\nInstall and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm include -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here will definitely be actually passed to 'vite-svg-loader'. ).[TAKE NOTE] Given that nuxt-svgo-loader is actually a Nuxt module based upon vite-svg-loader, the setup for svgoLoader remains identical to that of vite-svg-loader. You can describe the documentation of vite-svg-loader for the on call alternatives listed below.Usage.Element.SVGs could be explicitly imported as Vue parts utilizing the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs using the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strands utilizing the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.