Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt element to pack SVG files as Vue elements, using SVGO for optimization.\nFunctions.\nBunch SVG files as Vue parts.\nOptimize SVGs utilizing SVGO.\nSmooth integration with Nuxt DevTools.\nInstallation.\nPut up and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm add -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Options below will definitely be passed to 'vite-svg-loader'. ).[NOTE] Since nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader remains similar to that of vite-svg-loader. You may pertain to the documents of vite-svg-loader for the accessible choices listed below.Utilization.Part.SVGs can be explicitly imported as Vue components making use of the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs using the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw strands utilizing the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.