Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt module to pack SVG data as Vue components, making use of SVGO for optimization.\nAttributes.\nLoad SVG submits as Vue components.\nImprove SVGs using SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallment.\nMount and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm incorporate -D nuxt-svgo-loader.npm install -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will certainly be passed to 'vite-svg-loader'. ).[TAKE NOTE] Since nuxt-svgo-loader is actually a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader continues to be identical to that of vite-svg-loader. You can easily describe the information of vite-svg-loader for the readily available choices listed below.Usage.Element.SVGs can be clearly imported as Vue parts using the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as URLs utilizing the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw strings utilizing the? raw suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.