Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to load SVG files as Vue components, utilizing SVGO for marketing.\nFunctions.\nLots SVG files as Vue components.\nMaximize SVGs using SVGO.\nSeamless assimilation with Nuxt DevTools.\nSetup.\nInstall and add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan manager.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices below will definitely be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that nuxt-svgo-loader is actually a Nuxt module based upon vite-svg-loader, the setup for svgoLoader continues to be the same to that of vite-svg-loader. You may pertain to the documents of vite-svg-loader for the on call possibilities right here.Utilization.Part.SVGs may be explicitly imported as Vue parts making use of the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links using the? link suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked strings making use of the? raw suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.