Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to load SVG files as Vue components, using SVGO for optimization.\nComponents.\nLoad SVG files as Vue parts.\nOptimize SVGs using SVGO.\nSmooth integration along with Nuxt DevTools.\nInstallation.\nInstall 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 in -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here are going to be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Since nuxt-svgo-loader is a Nuxt module based upon vite-svg-loader, the configuration for svgoLoader remains exact same to that of vite-svg-loader. You can pertain to the documents of vite-svg-loader for the accessible alternatives listed here.Utilization.Component.SVGs could be clearly imported as Vue components making use of the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as Links utilizing the? link suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh strings making use of the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.