style: 调整代码格式

- 根据ESLint文件规范格式化app文件夹中的代码

app/components/SupportTabs.vue

@@ -1,65 +1,64 @@
 <template>
-    <div class="page-tab">
-        <el-segmented
-            v-model="activeTab"
-            class="segmented"
-            :options="options"
-            block
-            size="large"
-            @change="handleSegmentedChange"
-        />
-    </div>
+  <div class="page-tab">
+    <el-segmented
+      v-model="activeTab"
+      class="segmented"
+      :options="options"
+      block
+      size="large"
+      @change="handleSegmentedChange"
+    />
+  </div>
 </template>
 
 <script setup lang="ts">
 const props = defineProps({
-    modelValue: {
-        type: String,
-        default: '',
-    },
-})
+  modelValue: {
+    type: String,
+    default: "",
+  },
+});
 
-const activeTab = ref(props.modelValue || '')
+const activeTab = ref(props.modelValue || "");
 const options = [
-    { label: '服务支持', value: '' },
-    { label: '常见问题', value: 'faq' },
-    { label: '文档资料', value: 'documents' },
-    { label: '联系售后', value: 'contact-us' },
-]
+  { label: "服务支持", value: "" },
+  { label: "常见问题", value: "faq" },
+  { label: "文档资料", value: "documents" },
+  { label: "联系售后", value: "contact-us" },
+];
 
 const handleSegmentedChange = (value: string) => {
-    const localePath = useLocalePath()
-    navigateTo(localePath(`/support/${value}`))
-}
+  const localePath = useLocalePath();
+  navigateTo(localePath(`/support/${value}`));
+};
 </script>
 
 <style scoped>
 .segmented {
-    --el-segmented-bg-color: transparent;
-    --el-segmented-item-active-color: var(--el-color-primary);
-    --el-segmented-item-color: var(--el-text-color-secondary);
-    --el-segmented-item-hover-color: var(--el-color-primary);
-    --el-segmented-item-border-color: transparent;
-    --el-segmented-item-active-border-color: transparent;
-    border-bottom: 1px solid var(--el-border-color-light);
+  --el-segmented-bg-color: transparent;
+  --el-segmented-item-active-color: var(--el-color-primary);
+  --el-segmented-item-color: var(--el-text-color-secondary);
+  --el-segmented-item-hover-color: var(--el-color-primary);
+  --el-segmented-item-border-color: transparent;
+  --el-segmented-item-active-border-color: transparent;
+  border-bottom: 1px solid var(--el-border-color-light);
 }
 
 .segmented :deep(.el-segmented__item-selected) {
-    /* --el-border-radius-base: 16px; */
-    transition: none;
-    background: transparent;
+  /* --el-border-radius-base: 16px; */
+  transition: none;
+  background: transparent;
 }
 
 .segmented :deep(.el-segmented__item) {
+  &:hover {
+    background: transparent;
+    color: var(--el-color-primary);
+  }
 
-    &:hover {
-        background: transparent;
-        color: var(--el-color-primary);
-    }
-
-    &.is-selected {
-        color: var(--el-color-primary-dark-2);
-        border-bottom: 4px solid var(--el-color-primary-dark-2);
-    }
+  &.is-selected {
+    color: var(--el-color-primary-dark-2);
+    border-bottom: 4px solid var(--el-color-primary-dark-2);
+  }
 }
-</style>
+</style>