lucide-nuxt

lucide-vue-next auto-imports for Nuxt 3 for the best DX with Lucide Icons.

Features

• 📝 Copy and paste from the lucide website without worrying about the import.
• 💌 Easy to setup, just one command!

Quick Setup

Install the module to your Nuxt application with one command:

1npx nuxi module add lucide-nuxt

That's it! You can now use lucide-nuxt in your Nuxt app ✨

Usage

Search for an icon on https://lucide.dev/icons and click on copy Vue.

Paste into your template.

1<template>
2  <HandHeart />
3</template>

Configuration

You can change the prefix via the following code. In the example y use Lucide as the custom prefix.

1export default defineNuxtConfig({
2  modules: ["lucide-nuxt"],
3  lucide: {
4    prefix: "Lucide",
5  },
6});

1<template>
2  <LucideCamera />
3</template>

Contribution

1# Install dependencies
2npm install
3
4# Generate type stubs
5npm run dev:prepare
6
7# Develop with the playground
8npm run dev
9
10# Build the playground
11npm run dev:build
12
13# Run ESLint
14npm run lint
15
16# Run Vitest
17npm run test
18npm run test:watch
19
20# Release new version
21npm run release