Nuxt Lucide Icons

このNuxtモジュールを使用すると、Lucideアイコンを簡単に使用できます！

• ✨  リリースノート
• 🏀  オンラインプレイグラウンド
• 📖  ドキュメント
• 🖌️  利用可能なアイコン

機能

• 🚠  Lucideアイコンの自動インポート
• 🎛️  設定可能な名前プレフィックス
• 🌲  ツリーシェイキングに対応

クイックセットアップ

1つのコマンドで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

詳細はCONTRIBUTINGとCODE_OF_CONDUCTを参照してください。

セキュリティ

セキュリティ関連の問題を発見した場合は、issueトラッカーを使用する代わりに、security@swis.nlまでメールでご連絡ください。

クレジット

• Jasper Zonneveld
• Anthony Schuijlenburg
• すべての貢献者

ライセンス

MITライセンス (MIT)。詳細はライセンスファイルを参照してください。

このパッケージはTreewareです。本番環境で使用する場合、作業への感謝として世界に木を植えてください。Treewareの森に貢献することで、地元の家族の雇用創出と野生動物の生息地の回復に貢献できます。

SWIS ❤️ オープンソース

SWISは、オランダのライデンにあるウェブエージェンシーです。オープンソースソフトウェアを使った作業が大好きです。