Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to pack SVG reports as Vue components, utilizing SVGO for marketing.\nFunctions.\nLots SVG files as Vue parts.\nMaximize SVGs using SVGO.\nSeamless combination along with Nuxt DevTools.\nInstallment.\nInstall as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Options right here will be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Because nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the setup for svgoLoader stays similar to that of vite-svg-loader. You can refer to the records of vite-svg-loader for the on call possibilities listed here.Use.Component.SVGs may be explicitly imported as Vue elements utilizing the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links making use of the? link suffix:.import nuxtSvgUrl coming 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 === '.