diff --git a/bun.lockb b/bun.lockb
index 96929a33..98d26503 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/content/1.getting-started/3.writing/2.components.md b/content/1.getting-started/3.writing/2.components.md
index ee66b987..b696764b 100644
--- a/content/1.getting-started/3.writing/2.components.md
+++ b/content/1.getting-started/3.writing/2.components.md
@@ -280,7 +280,7 @@ The **Badges** under each component title marks compatibility with other doc tem
       ::card
       ---
       title: Components
-      icon: i-heroicons-cube
+      icon: lucide:box
       to: https://nuxt.com/docs/api/components/client-only
       target: _blank
       ---
@@ -289,7 +289,7 @@ The **Badges** under each component title marks compatibility with other doc tem
       ::card
       ---
       title: Composables
-      icon: i-heroicons-arrows-right-left
+      icon: lucide:arrow-right-left
       to: https://nuxt.com/docs/api/composables/use-app-config
       target: _blank
       ---
@@ -298,7 +298,7 @@ The **Badges** under each component title marks compatibility with other doc tem
       ::card
       ---
       title: Utils
-      icon: i-heroicons-scissors
+      icon: lucide:scissors
       to: https://nuxt.com/docs/api/utils/dollarfetch
       target: _blank
       ---
@@ -307,7 +307,7 @@ The **Badges** under each component title marks compatibility with other doc tem
       ::card
       ---
       title: Commands
-      icon: i-heroicons-command-line
+      icon: lucide:square-terminal
       to: https://nuxt.com/docs/api/commands/add
       target: _blank
       ---
@@ -320,7 +320,7 @@ The **Badges** under each component title marks compatibility with other doc tem
     ::card
     ---
     title: Components
-    icon: i-heroicons-cube
+    icon: lucide:box
     to: https://nuxt.com/docs/api/components/client-only
     target: _blank
     ---
@@ -329,7 +329,7 @@ The **Badges** under each component title marks compatibility with other doc tem
     ::card
     ---
     title: Composables
-    icon: i-heroicons-arrows-right-left
+    icon: lucide:arrow-right-left
     to: https://nuxt.com/docs/api/composables/use-app-config
     target: _blank
     ---
@@ -338,7 +338,7 @@ The **Badges** under each component title marks compatibility with other doc tem
     ::card
     ---
     title: Utils
-    icon: i-heroicons-scissors
+    icon: lucide:scissors
     to: https://nuxt.com/docs/api/utils/dollarfetch
     target: _blank
     ---
@@ -347,7 +347,7 @@ The **Badges** under each component title marks compatibility with other doc tem
     ::card
     ---
     title: Commands
-    icon: i-heroicons-command-line
+    icon: lucide:square-terminal
     to: https://nuxt.com/docs/api/commands/add
     target: _blank
     ---
diff --git a/package.json b/package.json
index 232ef069..7fd553cb 100644
--- a/package.json
+++ b/package.json
@@ -54,6 +54,7 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.25.1",
+    "@iconify-json/vscode-icons": "^1.1.37",
     "@vueuse/core": "^10.11.1",
     "@vueuse/nuxt": "^10.11.1",
     "eslint": "^9.9.0",