Nuxt Lucide Icons

這個 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，當它們檢測到指紋圖示時，會阻止所有後續請求。有關更多信息，請參閱以下issue。

設定

不喜歡預設的組件名稱前綴嗎？您可以在 nuxt.config.ts 中更改它

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

  lucide: {
    namePrefix: 'Icon'
  }
})

變更日誌

請參閱 CHANGELOG 以獲取更多關於近期變更的資訊。

貢獻

本地開發

# 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