From 889247b33a8706455419c322ee623e2d2152eb1e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?= <liqiworkers@gmail.com>
Date: Tue, 20 Jan 2026 20:52:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=BB=93=E6=9E=84=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Icon.vue           | 33 ++++++++++++------------
 client/src/components/StarBackground.vue |  2 +-
 client/src/pages/BlogDetail.vue          |  4 +--
 3 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/client/src/components/Icon.vue b/client/src/components/Icon.vue
index 4d4e44b..b81a5c6 100644
--- a/client/src/components/Icon.vue
+++ b/client/src/components/Icon.vue
@@ -1,15 +1,7 @@
-<template>
-  <component 
-    :is="iconComponent" 
-    :class="className" 
-    :style="style"
-    :size="iconSize"
-  />
-</template>
-
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, h } from 'vue'
 import * as LucideIcons from 'lucide-vue-next'
+import type { LucideProps } from 'lucide-vue-next'
 
 interface Props {
   name: string
@@ -31,11 +23,6 @@ const toPascalCase = (str: string) => {
   ).join('')
 }
 
-const iconComponent = computed(() => {
-  const iconName = toPascalCase(props.name) as keyof typeof LucideIcons
-  return LucideIcons[iconName] || LucideIcons.AlertCircle
-})
-
 // 确保 size 是 number 类型
 const iconSize = computed(() => {
   if (typeof props.size === 'string') {
@@ -44,4 +31,18 @@ const iconSize = computed(() => {
   }
   return props.size ?? 24
 })
-</script>
\ No newline at end of file
+
+const iconComponent = computed(() => {
+  const iconName = toPascalCase(props.name) as keyof typeof LucideIcons
+  const Icon = LucideIcons[iconName] || LucideIcons.AlertCircle
+  return () => h(Icon as any, {
+    class: props.className,
+    style: props.style,
+    size: iconSize.value
+  } as LucideProps)
+})
+</script>
+
+<template>
+  <component :is="iconComponent" />
+</template>
\ No newline at end of file
diff --git a/client/src/components/StarBackground.vue b/client/src/components/StarBackground.vue
index 4696321..295afa9 100644
--- a/client/src/components/StarBackground.vue
+++ b/client/src/components/StarBackground.vue
@@ -243,7 +243,7 @@ const handleClick = (e: MouseEvent) => {
   }
 
   // 3. 点击触发流星
-  createMeteor(true)
+  createMeteor()
 }
 
 const handleResize = () => {
diff --git a/client/src/pages/BlogDetail.vue b/client/src/pages/BlogDetail.vue
index 33fa685..8d4214a 100644
--- a/client/src/pages/BlogDetail.vue
+++ b/client/src/pages/BlogDetail.vue
@@ -1,6 +1,6 @@
 <template>
   <section id="blog-detail" class="page-section block">
-    <div class="max-w-[90rem] mx-auto pt-20 md:pt-32 px-4 md:px-6 pb-12 md:pb-20 relative overflow-hidden">
+    <div class="max-w-[90rem] mx-auto pt-20 md:pt-32 px-4 md:px-6 pb-12 md:pb-20 relative ">
       <!-- 返回按钮 -->
       <button
           @click="$router.push('/blog')"
@@ -177,7 +177,7 @@
                   :key="recPost.id"
                   :to="`/blog/${recPost.id}`"
                   custom
-                  v-slot="{ href, navigate }"
+                  v-slot="{ href }"
               >
                 <a
                     :href="href"