feat(ui): add iconify

litingyes · Nov 24, 2024 · d4e5ace · d4e5ace
1 parent 88cc280
commit d4e5ace
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 1 deletion.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -1,6 +1,7 @@
 {
   "recommendations": [
     "dbaeumer.vscode-eslint",
-    "bradlc.vscode-tailwindcss"
+    "bradlc.vscode-tailwindcss",
+    "antfu.iconify"
   ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -46,5 +46,8 @@
     "scss",
     "pcss",
     "postcss"
+  ],
+  "cSpell.words": [
+    "iconify"
   ]
 }
diff --git a/README.md b/README.md
@@ -8,6 +8,7 @@ A template for create nextjs app project
 
 - [tailwindcss](https://tailwindcss.com/)
 - [NextUI](https://nextui.org/)
+- [iconify](https://iconify.design/)
 
 ### Lint & Format
 

diff --git a/package.json b/package.json
@@ -21,6 +21,8 @@
   "devDependencies": {
     "@antfu/eslint-config": "^3.9.2",
     "@eslint-react/eslint-plugin": "^1.16.1",
+    "@iconify/json": "^2.2.275",
+    "@iconify/tailwind": "^1.1.3",
     "@next/eslint-plugin-next": "^15.0.3",
     "@types/node": "^20",
     "@types/react": "^18",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -1,4 +1,5 @@
 import type { Config } from 'tailwindcss'
+import { addDynamicIconSelectors } from '@iconify/tailwind'
 import { nextui } from '@nextui-org/react'
 
 export default {
@@ -12,5 +13,6 @@ export default {
   darkMode: 'class',
   plugins: [
     nextui(),
+    addDynamicIconSelectors(),
   ],
 } satisfies Config