Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to load SVG documents as Vue parts, utilizing SVGO for marketing.\nComponents.\nLoad SVG files as Vue components.\nOptimize SVGs utilizing SVGO.\nSeamless combination with Nuxt DevTools.\nInstallation.\nPut in and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options below will be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Given that nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the setup for svgoLoader continues to be identical to that of vite-svg-loader. You can pertain to the documents of vite-svg-loader for the readily available options listed here.Usage.Element.SVGs can be explicitly imported as Vue parts using the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as Links making use of the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh cords using the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.