Sleep

Nuxt Svgo Loader - Vue.js Feed #.\n\nNuxt component to load SVG files as Vue components, using SVGO for optimization.\nFeatures.\nTons SVG files as Vue elements.\nOptimize SVGs making use of SVGO.\nSeamless assimilation with Nuxt DevTools.\nInstallment.\nInstall and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal manager.pnpm incorporate -D nuxt-svgo-loader.npm put in -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options listed here will be actually passed to 'vite-svg-loader'. ).[NOTE] Since nuxt-svgo-loader is a Nuxt element based on vite-svg-loader, the arrangement for svgoLoader remains the same to that of vite-svg-loader. You can easily pertain to the documentation of vite-svg-loader for the on call possibilities listed here.Use.Component.SVGs may be clearly imported as Vue components making use of the? element suffix:.bring in NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links using the? url suffix:.import nuxtSvgUrl coming from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs can be imported as raw strands making use of the? uncooked suffix:.bring in nuxtSvgRaw from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In