Sleep

Nuxt Svgo Loader - Vue.js Supplied #.\n\nNuxt module to load SVG reports as Vue elements, using SVGO for optimization.\nFeatures.\nBunch SVG files as Vue components.\nImprove SVGs making use of SVGO.\nSmooth integration with Nuxt DevTools.\nSetup.\nMount and also include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your package supervisor.pnpm add -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.anecdote add -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices here will be actually passed to 'vite-svg-loader'. ).[TAKE NOTE] Because nuxt-svgo-loader is actually a Nuxt component based upon vite-svg-loader, the setup for svgoLoader remains exact same to that of vite-svg-loader. You can easily refer to the documents of vite-svg-loader for the readily available choices below.Usage.Part.SVGs could be explicitly imported as Vue elements making use of the? part suffix:.bring in NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs can be imported as Links using the? link suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs could be imported as fresh strings utilizing the? uncooked suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In