Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt element to load SVG data as Vue components, making use of SVGO for marketing.\nFeatures.\nTons SVG files as Vue elements.\nMaximize SVGs using SVGO.\nSeamless integration along with Nuxt DevTools.\nInstallation.\nSet up and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package deal manager.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices here will be actually exchanged 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that 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 records of vite-svg-loader for the available options listed here.Utilization.Element.SVGs could be clearly imported as Vue elements making use of the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as Links making use of the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh strings utilizing the? fresh suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.