Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt element to load SVG files as Vue components, utilizing SVGO for marketing.\nFeatures.\nLoad SVG submits as Vue components.\nMaximize SVGs using SVGO.\nSeamless combination with Nuxt DevTools.\nInstallation.\nMount and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your bundle supervisor.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed here will be actually passed to 'vite-svg-loader'. ).[NOTE] Given that nuxt-svgo-loader is actually a Nuxt module based upon vite-svg-loader, the configuration for svgoLoader continues to be similar to that of vite-svg-loader. You may pertain to the documents of vite-svg-loader for the available options below.Use.Element.SVGs could be clearly imported as Vue components making use of the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs making use of the? url 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 using the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.