初始化

client/src/components/Header.vue

@@ -60,7 +60,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch } from 'vue'
+import { ref, onMounted, onUpdated, watch, nextTick } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 
 const router = useRouter()
@@ -97,18 +97,26 @@ const updateActiveNav = () => {
   else if (path === '/about') activeNav.value = 'about'
 }
 
+const refreshIcons = () => {
+  if ((window as any).lucide) {
+    (window as any).lucide.createIcons()
+  }
+}
+
 onMounted(() => {
   updateActiveNav()
-  // 初始化Lucide图标
-  if (window.lucide) {
-    window.lucide.createIcons()
-  }
+  refreshIcons()
+})
+
+onUpdated(() => {
+  refreshIcons()
 })
 
 watch(
   () => route.path,
   () => {
     updateActiveNav()
+    nextTick(refreshIcons)
   }
 )
 

client/src/components/MobileMenu.vue

@@ -12,6 +12,7 @@
 
 <script setup lang="ts">
 import { useRouter } from 'vue-router'
+import { onMounted, onUpdated } from 'vue'
 
 const router = useRouter()
 
@@ -28,4 +29,13 @@ const navigate = (target: string) => {
   router.push(target)
   toggleMobileMenu()
 }
+
+const refreshIcons = () => {
+  if ((window as any).lucide) {
+    (window as any).lucide.createIcons()
+  }
+}
+
+onMounted(refreshIcons)
+onUpdated(refreshIcons)
 </script>