Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt component to load SVG reports as Vue parts, utilizing SVGO for optimization.\nFunctions.\nLoad SVG submits as Vue elements.\nImprove SVGs making use of SVGO.\nSeamless integration with Nuxt DevTools.\nInstallation.\nPut in as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will definitely be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the configuration for svgoLoader continues to be exact same to that of vite-svg-loader. You can describe the documentation of vite-svg-loader for the on call choices right here.Utilization.Part.SVGs can be explicitly imported as Vue parts making use of the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs utilizing the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh cords utilizing the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.