Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt element to pack SVG files as Vue components, using SVGO for marketing.\nFunctions.\nTons SVG submits as Vue components.\nMaximize SVGs utilizing SVGO.\nSeamless integration with Nuxt DevTools.\nInstallment.\nSet up and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities here are going to be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Considering that nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the arrangement for svgoLoader continues to be exact same to that of vite-svg-loader. You can pertain to the paperwork of vite-svg-loader for the available options below.Utilization.Component.SVGs may be explicitly imported as Vue elements making use of the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as URLs using the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strings utilizing the? raw suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.