Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to fill SVG reports as Vue elements, making use of SVGO for marketing.\nFunctions.\nLots SVG files as Vue elements.\nMaximize SVGs making use of SVGO.\nSeamless integration along with Nuxt DevTools.\nSetup.\nSet up and add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm incorporate -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Given that nuxt-svgo-loader is a Nuxt component based on vite-svg-loader, the configuration for svgoLoader remains exact same to that of vite-svg-loader. You can pertain to the paperwork of vite-svg-loader for the on call alternatives right here.Usage.Component.SVGs may be clearly imported as Vue elements making use of the? element suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links using the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh strands utilizing the? fresh suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.