Sleep

Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt component to pack SVG documents as Vue elements, making use of SVGO for marketing.\nComponents.\nLoad SVG submits as Vue components.\nMaximize SVGs utilizing SVGO.\nSeamless integration along with Nuxt DevTools.\nInstallation.\nInstall and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package manager.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will be actually passed to 'vite-svg-loader'. ).[KEEP IN MIND] Due to the fact that nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the arrangement for svgoLoader remains the same to that of vite-svg-loader. You may describe the information of vite-svg-loader for the readily available options here.Utilization.Component.SVGs can be explicitly imported as Vue elements making use of the? component suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs may be imported as URLs making use of the? url suffix:.bring in nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as uncooked cords making use of the? uncooked suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In