feat(i18n): 为评论系统添加国际化支持

- 在管理后台引入 vue-i18n 并添加多语言文件
- 为前端评论组件添加翻译功能，支持自动语言检测
- 在功能设置中新增管理后台和组件语言配置选项
- 更新 API 接口以支持语言设置存储
- 优化菜单项文本溢出显示样式

cwd-admin/src/views/CommentsView/components/ModalEdit.vue

@@ -1,42 +1,42 @@
 <template>
   <div v-if="visible" class="modal-overlay">
     <div class="modal">
-      <h3 class="modal-title">编辑评论</h3>
+      <h3 class="modal-title">{{ t('comments.editModal.title') }}</h3>
       <div v-if="form" class="modal-body">
         <div class="form-item">
-          <label class="form-label">访客昵称</label>
+          <label class="form-label">{{ t('comments.editModal.name') }}</label>
           <input v-model="form.name" class="form-input" type="text" />
         </div>
         <div class="form-item">
-          <label class="form-label">访客邮箱</label>
+          <label class="form-label">{{ t('comments.editModal.email') }}</label>
           <input v-model="form.email" class="form-input" type="email" />
         </div>
         <div class="form-item">
-          <label class="form-label">访客网址</label>
+          <label class="form-label">{{ t('comments.editModal.url') }}</label>
           <input v-model="form.url" class="form-input" type="text" />
         </div>
         <div class="form-item">
-          <label class="form-label">页面标识</label>
+          <label class="form-label">{{ t('comments.editModal.postSlug') }}</label>
           <input v-model="form.postSlug" class="form-input" type="text" />
         </div>
         <div class="form-item">
-          <label class="form-label">评论地址</label>
+          <label class="form-label">{{ t('comments.editModal.postUrl') }}</label>
           <input v-model="form.postUrl" class="form-input" type="text" />
         </div>
         <div class="form-item">
-          <label class="form-label">评论内容</label>
+          <label class="form-label">{{ t('comments.editModal.content') }}</label>
           <textarea v-model="form.contentText" class="form-input" rows="4"></textarea>
         </div>
         <div class="form-item">
-          <label class="form-label">评论状态</label>
+          <label class="form-label">{{ t('comments.editModal.status') }}</label>
           <select v-model="form.status" class="form-input">
-            <option value="approved">已通过</option>
-            <option value="pending">待审核</option>
-            <option value="rejected">已拒绝</option>
+            <option value="approved">{{ t('comments.statusFilter.approved') }}</option>
+            <option value="pending">{{ t('comments.statusFilter.pending') }}</option>
+            <option value="rejected">{{ t('comments.statusFilter.rejected') }}</option>
           </select>
         </div>
         <div class="form-item">
-          <label class="form-label">置顶权重（1 为不置顶，数值越大越靠前）</label>
+          <label class="form-label">{{ t('comments.editModal.priority') }}</label>
           <input
             v-model.number="form.priority"
             class="form-input"
@@ -47,7 +47,7 @@
       </div>
       <div class="modal-actions">
         <button class="modal-btn secondary" type="button" @click="handleClose">
-          取消
+          {{ t('comments.editModal.cancel') }}
         </button>
         <button
           class="modal-btn primary"
@@ -55,8 +55,8 @@
           :disabled="saving"
           @click="handleSubmit"
         >
-          <span v-if="saving">保存中...</span>
-          <span v-else>保存</span>
+          <span v-if="saving">{{ t('comments.editModal.saving') }}</span>
+          <span v-else>{{ t('comments.editModal.save') }}</span>
         </button>
       </div>
     </div>
@@ -64,6 +64,10 @@
 </template>
 
 <script setup lang="ts">
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 interface EditForm {
   id: number;
   name: string;