fix Bug or esLink formatting

src/views/setting/account/SafetySetting.vue

@@ -7,7 +7,9 @@
             <n-button type="primary" text>修改</n-button>
           </template>
           <n-thing title="账户密码">
-            <template #description><span class="text-gray-400">绑定手机和邮箱，并设置密码，帐号更安全</span></template>
+            <template #description
+              ><span class="text-gray-400">绑定手机和邮箱，并设置密码，帐号更安全</span></template
+            >
           </n-thing>
         </n-list-item>
         <n-list-item>
@@ -15,7 +17,9 @@
             <n-button type="primary" text>修改</n-button>
           </template>
           <n-thing title="绑定手机">
-            <template #description><span class="text-gray-400">已绑定手机号：+86189****4877</span></template>
+            <template #description
+              ><span class="text-gray-400">已绑定手机号：+86189****4877</span></template
+            >
           </n-thing>
         </n-list-item>
         <n-list-item>
@@ -23,7 +27,11 @@
             <n-button type="primary" text>设置</n-button>
           </template>
           <n-thing title="密保问题">
-            <template #description><span class="text-gray-400">未设置密保问题，密保问题可有效保护账户安全</span></template>
+            <template #description
+              ><span class="text-gray-400"
+                >未设置密保问题，密保问题可有效保护账户安全</span
+              ></template
+            >
           </n-thing>
         </n-list-item>
         <n-list-item>
@@ -31,7 +39,9 @@
             <n-button type="primary" text>修改</n-button>
           </template>
           <n-thing title="个性域名">
-            <template #description><span class="text-gray-400">已绑定域名：https://www.naiveui.com</span></template>
+            <template #description
+              ><span class="text-gray-400">已绑定域名：https://www.naiveui.com</span></template
+            >
           </n-thing>
         </n-list-item>
       </n-list>
@@ -40,57 +50,57 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, ref, toRefs } from 'vue'
-import { useMessage } from 'naive-ui'
+  import { defineComponent, reactive, ref, toRefs } from 'vue';
+  import { useMessage } from 'naive-ui';
 
-const rules = {
-  name: {
-    required: true,
-    message: '请输入昵称',
-    trigger: 'blur'
-  },
-  email: {
-    required: true,
-    message: '请输入邮箱',
-    trigger: 'blur'
-  },
-  mobile: {
-    required: true,
-    message: '请输入联系电话',
-    trigger: 'input'
-  },
-}
+  const rules = {
+    name: {
+      required: true,
+      message: '请输入昵称',
+      trigger: 'blur',
+    },
+    email: {
+      required: true,
+      message: '请输入邮箱',
+      trigger: 'blur',
+    },
+    mobile: {
+      required: true,
+      message: '请输入联系电话',
+      trigger: 'input',
+    },
+  };
 
-export default defineComponent({
-  setup() {
-    const formRef: any = ref(null)
-    const message = useMessage()
+  export default defineComponent({
+    setup() {
+      const formRef: any = ref(null);
+      const message = useMessage();
 
-    const state = reactive({
-      formValue: {
-        name: '',
-        mobile: '',
-        email: '',
-        address: '',
+      const state = reactive({
+        formValue: {
+          name: '',
+          mobile: '',
+          email: '',
+          address: '',
+        },
+      });
+
+      function formSubmit() {
+        formRef.value.validate((errors) => {
+          if (!errors) {
+            message.success('验证成功');
+          } else {
+            message.error('验证失败，请填写完整信息');
+          }
+        });
       }
-    })
 
-    function formSubmit() {
-      formRef.value.validate((errors) => {
-        if (!errors) {
-          message.success('验证成功')
-        } else {
-          message.error('验证失败，请填写完整信息')
-        }
-      })
-    }
-
-    return {
-      formRef,
-      ...toRefs(state),
-      rules,
-      formSubmit
-    }
-  }
-})
+      return {
+        formRef,
+        ...toRefs(state),
+        rules,
+        formSubmit,
+      };
+    },
+  });
 </script>