规范代码格式

src/components/settings/cards/DataProviderSettingsCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <settings-card title="数据源设置" icon="mdi-database-cog">
+  <settings-card icon="mdi-database-cog" title="数据源设置">
     <v-list>
       <!-- 服务器模式设置 -->
       <template
@@ -10,7 +10,7 @@
       >
         <v-list-item>
           <template #prepend>
-            <v-icon icon="mdi-lan-connect" class="mr-3" />
+            <v-icon class="mr-3" icon="mdi-lan-connect"/>
           </template>
           <v-list-item-title>检查服务器连接</v-list-item-title>
           <template #append>
@@ -21,7 +21,8 @@
             >
               测试连接
             </v-btn>
-          </template> </v-list-item
+          </template>
+        </v-list-item
         ><!-- 数据迁移，仅对KV本地存储有效 -->
       </template>
 
@@ -29,11 +30,12 @@
       <template v-if="currentProvider === 'kv-local'">
         <v-list-item>
           <template #prepend>
-            <v-icon icon="mdi-database" class="mr-3" />
+            <v-icon class="mr-3" icon="mdi-database"/>
           </template>
           <v-list-item-title>清除数据库缓存</v-list-item-title>
           <v-list-item-subtitle
-            >这将清除所有本地数据库中的数据</v-list-item-subtitle
+          >这将清除所有本地数据库中的数据
+          </v-list-item-subtitle
           >
           <template #append>
             <v-btn color="error" variant="tonal" @click="confirmClearIndexedDB">
@@ -43,45 +45,48 @@
         </v-list-item>
         <v-list-item>
           <template #prepend>
-            <v-icon icon="mdi-database-export" class="mr-3" />
+            <v-icon class="mr-3" icon="mdi-database-export"/>
           </template>
           <v-list-item-title>导出数据库</v-list-item-title>
           <template #append>
-            <v-btn variant="tonal" @click="exportData"> 导出 </v-btn>
+            <v-btn variant="tonal" @click="exportData"> 导出</v-btn>
           </template>
         </v-list-item>
       </template>
       <v-list-item>
         <template #prepend>
-          <v-icon icon="mdi-database-import" class="mr-3" />
+          <v-icon class="mr-3" icon="mdi-database-import"/>
         </template>
         <v-list-item-title>迁移旧数据</v-list-item-title>
         <v-list-item-subtitle
-          >将旧的存储格式数据转移到新的KV存储</v-list-item-subtitle
+        >将旧的存储格式数据转移到新的KV存储
+        </v-list-item-subtitle
         >
         <template #append>
           <v-btn :loading="migrateLoading" variant="tonal" @click="migrateData">
             迁移
           </v-btn>
-        </template> </v-list-item
+        </template>
+      </v-list-item
       ><!-- 显示机器ID -->
       <v-list-item>
         <template #prepend>
-          <v-icon icon="mdi-identifier" class="mr-3" />
+          <v-icon class="mr-3" icon="mdi-identifier"/>
         </template>
         <v-list-item-title>本机唯一标识符</v-list-item-title>
         <v-list-item-subtitle v-if="machineId">{{
           machineId
-        }}</v-list-item-subtitle>
+          }}
+        </v-list-item-subtitle>
         <v-list-item-subtitle v-else>正在加载...</v-list-item-subtitle>
       </v-list-item>
       <v-list-item>
         <template #prepend>
-          <v-icon icon="mdi-lan-connect" class="mr-3" />
+          <v-icon class="mr-3" icon="mdi-lan-connect"/>
         </template>
         <v-list-item-title>查看本地缓存</v-list-item-title>
         <template #append>
-          <v-btn variant="tonal" to="/cachemanagement"> 查看 </v-btn>
+          <v-btn to="/cachemanagement" variant="tonal"> 查看</v-btn>
         </template>
       </v-list-item>
     </v-list>
@@ -94,10 +99,12 @@
         <v-card-actions>
           <v-spacer></v-spacer>
           <v-btn color="grey" variant="text" @click="confirmDialog = false"
-            >取消</v-btn
+          >取消
+          </v-btn
           >
           <v-btn color="error" variant="tonal" @click="handleConfirm"
-            >确认</v-btn
+          >确认
+          </v-btn
           >
         </v-card-actions>
       </v-card>
@@ -107,12 +114,12 @@
 
 <script>
 import SettingsCard from "@/components/SettingsCard.vue";
-import { getSetting } from "@/utils/settings";
+import {getSetting} from "@/utils/settings";
 import axios from "axios";
 
 export default {
   name: "DataProviderSettingsCard",
-  components: { SettingsCard },
+  components: {SettingsCard},
 
   data() {
     return {
@@ -156,7 +163,7 @@ export default {
         const siteKey = getSetting("server.siteKey");
 
         // Prepare headers including site key if available
-        const headers = { Accept: "application/json" };
+        const headers = {Accept: "application/json"};
         if (siteKey) {
           headers["x-site-key"] = siteKey;
         }
@@ -227,7 +234,7 @@ export default {
     async exportData() {
       try {
         const DBName = "ClassworksDB";
-        const data = { indexedDB: {} };
+        const data = {indexedDB: {}};
 
         // 打开数据库
         const db = await new Promise((resolve, reject) => {