Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to load SVG files as Vue components, using SVGO for optimization.\nFunctions.\nBunch SVG files as Vue elements.\nImprove SVGs utilizing SVGO.\nSmooth assimilation along with Nuxt DevTools.\nInstallation.\nPut in and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal supervisor.pnpm incorporate -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices right here will definitely be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Due to the fact that nuxt-svgo-loader is a Nuxt module based on vite-svg-loader, the arrangement for svgoLoader remains identical to that of vite-svg-loader. You can easily pertain to the documentation of vite-svg-loader for the available possibilities right here.Consumption.Element.SVGs can be clearly imported as Vue parts utilizing the? part suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs using the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as uncooked strands utilizing the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.