Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to load SVG files as Vue components, making use of SVGO for marketing.\nFunctions.\nTons SVG submits as Vue elements.\nMaximize SVGs making use of SVGO.\nSmooth assimilation with Nuxt DevTools.\nSetup.\nSet up and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed here will definitely be actually passed to 'vite-svg-loader'. ).[TAKE NOTE] Given that nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the setup for svgoLoader remains the same to that of vite-svg-loader. You may describe the documents of vite-svg-loader for the accessible possibilities listed below.Usage.Element.SVGs could be clearly imported as Vue elements making use of the? component suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as URLs utilizing the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked strands making use of the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.