Sleep

Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to load SVG data as Vue elements, making use of SVGO for marketing.\nComponents.\nTons SVG submits as Vue elements.\nOptimize SVGs making use of SVGO.\nSmooth integration with Nuxt DevTools.\nSetup.\nPut up and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed here will be exchanged 'vite-svg-loader'. ).[TAKE NOTE] Considering that nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the arrangement for svgoLoader continues to be the same to that of vite-svg-loader. You can refer to the documentation of vite-svg-loader for the on call possibilities listed here.Utilization.Element.SVGs may be explicitly imported as Vue components utilizing the? element suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as URLs using the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as raw cords utilizing the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In