Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt component to pack SVG reports as Vue parts, making use of SVGO for marketing.\nFunctions.\nLots SVG files as Vue components.\nEnhance SVGs utilizing SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallment.\nSet up and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal supervisor.pnpm include -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities here are going to be exchanged 'vite-svg-loader'. ).[TAKE NOTE] Since nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader stays exact same to that of vite-svg-loader. You may pertain to the documentation of vite-svg-loader for the on call choices listed below.Use.Component.SVGs can be explicitly imported as Vue elements making use of the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as URLs utilizing the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as fresh cords using the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.