Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt component to fill SVG data as Vue parts, utilizing SVGO for marketing.\nFeatures.\nLoad SVG files as Vue parts.\nImprove SVGs utilizing SVGO.\nSmooth integration along with Nuxt DevTools.\nSetup.\nMount as well as add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities here will definitely be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the setup for svgoLoader stays exact same to that of vite-svg-loader. You may describe the documentation of vite-svg-loader for the readily available options here.Usage.Part.SVGs could be clearly imported as Vue elements using the? component suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as URLs making use of the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as raw strands utilizing the? fresh suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.