Sleep

Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to fill SVG files as Vue elements, making use of SVGO for optimization.\nFunctions.\nLoad SVG files as Vue elements.\nOptimize SVGs utilizing SVGO.\nSeamless assimilation along 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 include -D nuxt-svgo-loader.export nonpayment defineNuxtConfig( modules: [' nuxt-svgo-loader'],.svgoLoader: // Possibilities listed below will definitely be actually exchanged 'vite-svg-loader'. ).[TAKE NOTE] Due to the fact that nuxt-svgo-loader is actually a Nuxt module based upon vite-svg-loader, the setup for svgoLoader continues to be exact same to that of vite-svg-loader. You can easily describe the documents of vite-svg-loader for the on call options listed below.Usage.Component.SVGs could be explicitly imported as Vue components utilizing the? component suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.URL.SVGs can be imported as URLs utilizing the? link suffix:.bring in nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as uncooked strings utilizing the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In