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

请参阅 贡献指南 和 行为准则 以获取详细信息。

安全

如果您发现任何与安全相关的任何问题，请发送电子邮件至 [email protected]，而不是使用问题跟踪器。

鸣谢

• Jasper Zonneveld
• Anthony Schuijlenburg
• 所有贡献者

许可证

MIT 许可证 (MIT)。请参阅 许可证文件 以获取更多信息。

此软件包是 Treeware。如果您在生产环境中使用它，那么我们恳请您 为世界种下一棵树 以感谢我们的工作。通过为 Treeware 森林做出贡献，您将为当地家庭创造就业机会，并恢复野生动物栖息地。

SWIS ❤️ 开源

SWIS 是一家来自荷兰莱顿的网络代理公司。我们喜欢使用开源软件。