Sleep

Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to load SVG files as Vue elements, using SVGO for optimization.\nFeatures.\nBunch SVG submits as Vue elements.\nEnhance SVGs using SVGO.\nSeamless integration with Nuxt DevTools.\nSetup.\nPut in and also incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan manager.pnpm include -D nuxt-svgo-loader.npm set up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed here will be actually passed to 'vite-svg-loader'. ).[NOTE] Due to the fact that nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the setup for svgoLoader continues to be exact same to that of vite-svg-loader. You can pertain to the information of vite-svg-loader for the readily available possibilities here.Usage.Element.SVGs may be clearly imported as Vue components utilizing the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could be imported as URLs using the? url suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw strands making use of the? fresh suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In