Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt element to load SVG documents as Vue elements, utilizing SVGO for marketing.\nFeatures.\nLoad SVG files as Vue parts.\nMaximize SVGs utilizing SVGO.\nSmooth integration along with Nuxt DevTools.\nInstallation.\nSet up as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will certainly be actually exchanged 'vite-svg-loader'. ).[NOTE] Given that nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the setup for svgoLoader continues to be exact same to that of vite-svg-loader. You may refer to the records of vite-svg-loader for the on call options listed here.Consumption.Component.SVGs can be explicitly imported as Vue elements utilizing the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could 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 can be imported as uncooked cords making use of the? raw suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.