Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to load SVG data as Vue elements, making use of SVGO for marketing.\nFeatures.\nLots SVG files as Vue components.\nEnhance SVGs using SVGO.\nSeamless combination with Nuxt DevTools.\nInstallation.\nSet up and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities below are going to be exchanged 'vite-svg-loader'. ).[TAKE NOTE] Because nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the arrangement for svgoLoader remains exact same to that of vite-svg-loader. You may describe the information of vite-svg-loader for the on call alternatives listed below.Use.Element.SVGs may be explicitly 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? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as fresh strands using the? raw suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.