Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to pack SVG reports as Vue elements, making use of SVGO for marketing.\nComponents.\nLoad SVG submits as Vue components.\nMaximize SVGs using SVGO.\nSmooth combination with Nuxt DevTools.\nInstallation.\nPut up and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm add -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities here will certainly be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Considering that nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader remains the same to that of vite-svg-loader. You can easily pertain to the information of vite-svg-loader for the accessible possibilities right here.Usage.Element.SVGs may be explicitly imported as Vue components using the? part suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs may be imported as URLs using the? link suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh strings utilizing the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.