Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt component to load SVG data as Vue parts, using SVGO for marketing.\nComponents.\nTons SVG files as Vue components.\nEnhance SVGs making use of SVGO.\nSeamless assimilation with Nuxt DevTools.\nSetup.\nPut up and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives right here are going to be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Since nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the setup for svgoLoader continues to be the same to that of vite-svg-loader. You may pertain to the documentation of vite-svg-loader for the on call possibilities listed below.Consumption.Component.SVGs can be clearly imported as Vue elements utilizing the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as URLs making use of the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as raw strings utilizing the? fresh suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.