Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt component to pack SVG files as Vue components, utilizing SVGO for marketing.\nAttributes.\nLoad SVG submits as Vue components.\nImprove SVGs utilizing SVGO.\nSmooth assimilation with Nuxt DevTools.\nSetup.\nSet up and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities right here are going to be passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the arrangement for svgoLoader continues to be exact same to that of vite-svg-loader. You can easily pertain to the records of vite-svg-loader for the accessible choices listed here.Consumption.Part.SVGs can be explicitly imported as Vue components making use of the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs making use of the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh cords utilizing the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.