Sleep

Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to pack SVG files as Vue elements, making use of SVGO for marketing.\nFunctions.\nTons SVG files as Vue parts.\nMaximize SVGs making use of SVGO.\nSmooth integration with Nuxt DevTools.\nSetup.\nPut up as well as incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm incorporate -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.yarn include -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Choices here will be passed to 'vite-svg-loader'. ).[NOTE] Due to the fact that nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the setup for svgoLoader continues to be identical to that of vite-svg-loader. You can easily describe the paperwork of vite-svg-loader for the readily available choices listed below.Utilization.Element.SVGs could be explicitly imported as Vue parts using the? component suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can 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 may be imported as fresh strands using the? uncooked suffix:.bring in nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In