Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt module to pack SVG data as Vue elements, making use of SVGO for marketing.\nComponents.\nTons SVG files as Vue elements.\nImprove SVGs utilizing SVGO.\nSmooth assimilation with Nuxt DevTools.\nInstallment.\nPut up and add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Since nuxt-svgo-loader is actually a Nuxt component based on vite-svg-loader, the setup for svgoLoader continues to be exact same to that of vite-svg-loader. You may refer to the documents of vite-svg-loader for the accessible options below.Usage.Component.SVGs may be explicitly imported as Vue components using the? element suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as Links utilizing the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as fresh cords utilizing the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.