Nuxt Svgo Loading Machine - Vue.js Supplied #.\n\nNuxt component to load SVG data as Vue elements, making use of SVGO for marketing.\nFeatures.\nLoad SVG files as Vue elements.\nImprove SVGs making use of SVGO.\nSmooth combination with Nuxt DevTools.\nInstallation.\nPut in and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will be actually exchanged 'vite-svg-loader'. ).[NOTE] Due to the fact that nuxt-svgo-loader is actually a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader remains exact same to that of vite-svg-loader. You may pertain to the records of vite-svg-loader for the offered possibilities here.Utilization.Element.SVGs may be clearly imported as Vue elements using the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs making use of the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh strands making use of the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.