Sleep

Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to pack SVG files as Vue components, using SVGO for optimization.\nFunctions.\nTons SVG files as Vue elements.\nImprove SVGs using SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallation.\nSet up as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm add -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives listed below will certainly be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Since nuxt-svgo-loader is a Nuxt component based on vite-svg-loader, the configuration for svgoLoader continues to be similar to that of vite-svg-loader. You may refer to the documents of vite-svg-loader for the readily available possibilities listed here.Usage.Component.SVGs could be explicitly imported as Vue parts using the? part suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links utilizing 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 fresh strands making use of the? raw suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In