Nuxt Svgo Loader - Vue.js Nourished #.\n\nNuxt module to fill SVG files as Vue elements, making use of SVGO for optimization.\nAttributes.\nLoad SVG submits as Vue parts.\nImprove SVGs utilizing SVGO.\nSmooth assimilation with Nuxt DevTools.\nInstallment.\nInstall and include nuxt-svgo-loader to your nuxt.config.\n

Whichever matches your deal supervisor.pnpm incorporate -D nuxt-svgo-loader.npm put up -D nuxt-svgo-loader.yarn incorporate -D nuxt-svgo-loader.export default defineNuxtConfig( components: [' nuxt-svgo-loader'],.svgoLoader: // Options listed below will certainly be actually passed to 'vite-svg-loader'. ).[NOTE] Considering that nuxt-svgo-loader is a Nuxt element based upon vite-svg-loader, the setup for svgoLoader stays similar to that of vite-svg-loader. You can easily refer to the documents of vite-svg-loader for the offered possibilities below.Use.Component.SVGs may be explicitly imported as Vue parts making use of the? element suffix:.import NuxtSvg coming from '~/ assets/svg/nuxt. svg'.//.LINK.SVGs could be imported as Links using the? url suffix:.import nuxtSvgUrl from '~/ assets/svg/nuxt. svg?url'.// nuxtSvgUrl === '/ _ nuxt/assets/svg/ nuxt.svg'.Raw.SVGs may be imported as raw strings utilizing the? raw suffix:.import nuxtSvgRaw coming from '~/ assets/svg/nuxt. svg?raw'.// nuxtSvgRaw === '.