Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to load SVG files as Vue parts, utilizing SVGO for marketing.\nFeatures.\nLots SVG submits as Vue parts.\nImprove SVGs making use of SVGO.\nSmooth integration with Nuxt DevTools.\nInstallment.\nPut up and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will certainly be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the setup for svgoLoader continues to be exact same to that of vite-svg-loader. You can easily refer to the records of vite-svg-loader for the accessible possibilities listed below.Utilization.Part.SVGs may be explicitly imported as Vue components utilizing the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links making use of the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw strings utilizing the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.