Sleep

Nuxt Svgo Loading Machine - Vue.js Nourished #.\n\nNuxt module to load SVG reports as Vue elements, using SVGO for optimization.\nAttributes.\nLoad SVG submits as Vue parts.\nEnhance SVGs using SVGO.\nSmooth assimilation with Nuxt DevTools.\nInstallation.\nMount and also add nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm include -D nuxt-svgo-loader.npm mount -D nuxt-svgo-loader.anecdote incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Alternatives here are going to be passed to 'vite-svg-loader'. ).[TAKE NOTE] Since nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the setup for svgoLoader stays exact same to that of vite-svg-loader. You can easily refer to the documents of vite-svg-loader for the available options below.Use.Component.SVGs may be clearly imported as Vue elements making use of the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.URL.SVGs could 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 may be imported as fresh strands making use of the? fresh suffix:.import nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In