Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt element to fill SVG reports as Vue elements, using SVGO for marketing.\nAttributes.\nLoad SVG files as Vue components.\nMaximize SVGs making use of SVGO.\nSeamless integration along with Nuxt DevTools.\nInstallment.\nInstall as well as include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle manager.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will certainly be actually passed to 'vite-svg-loader'. ).[TAKE NOTE] Since nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the setup for svgoLoader remains similar to that of vite-svg-loader. You may describe the documentation of vite-svg-loader for the on call options here.Usage.Component.SVGs could be explicitly imported as Vue parts using the? component suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as URLs utilizing the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strings using the? fresh suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.