Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt component to load SVG data as Vue parts, using SVGO for marketing.\nComponents.\nTons SVG files as Vue parts.\nOptimize SVGs using SVGO.\nSeamless combination with Nuxt DevTools.\nSetup.\nPut in and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives below are going to be actually passed to 'vite-svg-loader'. ).[TAKE NOTE] Due to the fact that nuxt-svgo-loader is a Nuxt component based upon vite-svg-loader, the arrangement for svgoLoader continues to be similar to that of vite-svg-loader. You may describe the documents of vite-svg-loader for the on call choices listed here.Utilization.Component.SVGs may be clearly imported as Vue elements making use of the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links making use of the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked cords utilizing the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.