Integration with Nuxt and Vite

VueIcons can be easily integrated into projects using Nuxt or Vite. The integration allows to automatically import and use icons in your components.

Nuxt

To integrate with nuxt, add the module to your nuxt.config file:

export default defineNuxtConfig({
  modules: [
    '@kalimahapps/vue-icons/nuxt'
  ],
});

Vite

To integrate with Vite, add the plugin to your vite.config file:

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import VueIconsPlugin from '@kalimahapps/vue-icons/vite';

export default defineConfig({
  plugins: [
    vue(),
    VueIconsPlugin(),
  ],
});