增加前端格式检查配置

frontend/src/features/admin/components/AnnouncementDialog.vue

@@ -3,7 +3,10 @@ import { computed, ref, watch } from 'vue'
 import type { FormInstance, FormRules } from 'element-plus'
 import { Bell, Document, QuestionFilled, Warning } from '@element-plus/icons-vue'
 import type { Announcement } from '@/features/announcement'
-import type { CreateAnnouncementRequest, UpdateAnnouncementRequest } from '@/features/admin/api/adminAnnouncements'
+import type {
+  CreateAnnouncementRequest,
+  UpdateAnnouncementRequest,
+} from '@/features/admin/api/adminAnnouncements'
 
 interface Props {
   visible: boolean
@@ -39,42 +42,41 @@ const rules: FormRules = {
     { required: true, message: '请输入公告标题', trigger: 'blur' },
     { max: 255, message: '标题不能超过255个字符', trigger: 'blur' },
   ],
-  content: [
-    { required: true, message: '请输入公告内容', trigger: 'blur' },
-  ],
-  category: [
-    { required: true, message: '请选择公告分类', trigger: 'change' },
-  ],
+  content: [{ required: true, message: '请输入公告内容', trigger: 'blur' }],
+  category: [{ required: true, message: '请选择公告分类', trigger: 'change' }],
 }
 
 const dialogTitle = computed(() => {
   return props.mode === 'create' ? '新建公告' : '编辑公告'
 })
 
-watch(() => props.visible, (val) => {
-  if (val) {
-    if (props.mode === 'edit' && props.announcement) {
-      formData.value = {
-        title: props.announcement.title,
-        content: props.announcement.content,
-        category: props.announcement.category as any,
-        priority: props.announcement.priority,
-        is_pinned: props.announcement.is_pinned,
-        is_important: props.announcement.is_important,
-      }
-    } else {
-      formData.value = {
-        title: '',
-        content: '',
-        category: 'notice',
-        priority: 0,
-        is_pinned: false,
-        is_important: false,
+watch(
+  () => props.visible,
+  val => {
+    if (val) {
+      if (props.mode === 'edit' && props.announcement) {
+        formData.value = {
+          title: props.announcement.title,
+          content: props.announcement.content,
+          category: props.announcement.category as any,
+          priority: props.announcement.priority,
+          is_pinned: props.announcement.is_pinned,
+          is_important: props.announcement.is_important,
+        }
+      } else {
+        formData.value = {
+          title: '',
+          content: '',
+          category: 'notice',
+          priority: 0,
+          is_pinned: false,
+          is_important: false,
+        }
       }
+      formRef.value?.clearValidate()
     }
-    formRef.value?.clearValidate()
   }
-})
+)
 
 function handleClose() {
   emit('update:visible', false)
@@ -93,18 +95,8 @@ async function handleSave() {
 </script>
 
 <template>
-  <el-dialog
-    :model-value="visible"
-    :title="dialogTitle"
-    width="800px"
-    @close="handleClose"
-  >
-    <el-form
-      ref="formRef"
-      :model="formData"
-      :rules="rules"
-      label-width="100px"
-    >
+  <el-dialog :model-value="visible" :title="dialogTitle" width="800px" @close="handleClose">
+    <el-form ref="formRef" :model="formData" :rules="rules" label-width="100px">
       <el-form-item label="公告标题" prop="title">
         <el-input
           v-model="formData.title"
@@ -144,7 +136,9 @@ async function handleSave() {
           :max="999"
           placeholder="数值越大越靠前"
         />
-        <span style="margin-left: 12px; color: #909399; font-size: 13px">数值越大越靠前，默认为0</span>
+        <span style="margin-left: 12px; color: #909399; font-size: 13px"
+          >数值越大越靠前，默认为0</span
+        >
       </el-form-item>
 
       <el-form-item label="标记">