Nuxt Lucide 图标

这个 Nuxt 模块使使用 Lucide 图标变得轻而易举！

功能

🚠 自动导入 Lucide 图标
🎛️ 可配置的名称前缀
🌲 支持 tree-shaking

快速设置

使用一个命令将模块安装到您的 Nuxt 应用程序中

npx nuxi module add lucide-icons

就是这样！您现在可以在您的 Nuxt 应用程序中使用所有 Lucide 图标 ✨

<template>
  <div>
    <h1>Nuxt Lucide Icons</h1>
    <LucideRocket />
    <LucideFolderGit2 color="red" />
    <LucideGithub :size="32" />
  </div>
</template>

注意： 请确保在本地开发时禁用广告拦截器。某些广告拦截器（例如 uBlock Origin）在检测到指纹图标时会阻止所有后续请求。有关更多信息，请参阅以下问题。

配置

不喜欢默认的组件名称前缀？您可以在 nuxt.config.ts 中更改它

export default defineNuxtConfig({
  modules: [
    'nuxt-lucide-icons'
  ],

  lucide: {
    namePrefix: 'Icon'
  }
})

更新日志

请参阅更新日志以了解最近的更改。

贡献

本地开发

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release