Sleep

Nuxt Svgo Loading Machine - Vue.js Feed #.\n\nNuxt element to pack SVG data as Vue parts, making use of SVGO for marketing.\nAttributes.\nLoad SVG files as Vue parts.\nEnhance SVGs using SVGO.\nSeamless assimilation along with Nuxt DevTools.\nInstallment.\nSet up and incorporate nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your plan supervisor.pnpm include -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn add -D nuxt-svgo-loader.export default defineNuxtConfig( elements: [' nuxt-svgo-loader'],.svgoLoader: // Choices listed below will be passed to 'vite-svg-loader'. ).[NOTE] Since nuxt-svgo-loader is actually a Nuxt element based upon vite-svg-loader, the configuration for svgoLoader stays similar to that of vite-svg-loader. You can pertain to the information of vite-svg-loader for the offered possibilities listed below.Consumption.Part.SVGs may be clearly imported as Vue components making use of the? part suffix:.import NuxtSvg from '~/ assets/svg/nuxt. svg'.//.LINK.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 can be imported as uncooked strands making use of the? fresh suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.

Articles You Can Be Interested In