From 56759e68b85a9b6711c1ea676516c2cf4eedbb65 Mon Sep 17 00:00:00 2001
From: wyt <1955803161@qq.com>
Date: Wed, 29 Oct 2025 17:45:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=B4=E9=9B=A8=E7=9E=B3=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E4=BA=86=E6=B3=A8=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Comment/src/Comment.vue      | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/aurora-vue/aurora-blog/src/components/Comment/src/Comment.vue b/aurora-vue/aurora-blog/src/components/Comment/src/Comment.vue
index 266a133..d8eb1fe 100644
--- a/aurora-vue/aurora-blog/src/components/Comment/src/Comment.vue
+++ b/aurora-vue/aurora-blog/src/components/Comment/src/Comment.vue
@@ -1,20 +1,31 @@
 <template>
+  <!-- 评论区域容器，设置背景、内边距、外边距、圆角和阴影样式 -->
   <div class="bg-ob-deep-800 p-4 mt-8 lg:px-14 lg:py-10 rounded-2xl shadow-xl mb-8 lg:mb-0" id="comments">
+    <!-- 评论标题组件，使用国际化文本作为标题 -->
     <SubTitle :title="'titles.comment'" />
+    <!-- 评论表单组件，用于输入新评论 -->
     <CommentForm />
+    <!-- 评论列表组件，展示所有评论及回复 -->
     <CommentList />
   </div>
 </template>
 <script lang="ts">
+// 导入Vue的defineComponent用于定义组件
 import { defineComponent } from 'vue'
+// 导入标题组件
 import { SubTitle } from '@/components/Title'
+// 导入评论表单组件
 import CommentForm from './CommentForm.vue'
+// 导入评论列表组件
 import CommentList from './CommentList.vue'
+
+// 定义评论组件
 export default defineComponent({
-  name: 'Comment',
-  components: { SubTitle, CommentForm, CommentList },
+  name: 'Comment', // 组件名称
+  components: { SubTitle, CommentForm, CommentList }, // 注册子组件
   setup() {
+    // 组件逻辑设置，此处无额外逻辑
     return {}
   }
 })
-</script>
+</script>
\ No newline at end of file