规范代码格式

Author: Sunwuyuan

src/App.vue

@@ -3,26 +3,27 @@
     <!-- 正常路由 -->
     <router-view v-slot="{ Component, route }">
       <transition
-        name="md3"
         mode="out-in"
+        name="md3"
       >
         <component
           :is="Component"
           :key="route.path"
         />
       </transition>
     </router-view>
-    <global-message />
-    <rate-limit-modal />
+    <global-message/>
+    <rate-limit-modal/>
   </v-app>
 </template>
 
 <script setup>
-import { onMounted } from "vue";
-import { useTheme } from "vuetify";
-import { getSetting } from "@/utils/settings";
+import {onMounted} from "vue";
+import {useTheme} from "vuetify";
+import {getSetting} from "@/utils/settings";
 import RateLimitModal from "@/components/RateLimitModal.vue";
 import Clarity from "@microsoft/clarity";
+
 const theme = useTheme();
 
 onMounted(() => {
@@ -44,7 +45,7 @@ onMounted(() => {
 .md3-enter-active,
 .md3-leave-active {
   transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
-    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .md3-enter-from {

src/assets/logo.svg

@@ -1,8 +1,8 @@
 import axios from "axios";
-import { getSetting } from "@/utils/settings";
-import { parseRateLimit } from "ratelimit-header-parser";
+import {getSetting} from "@/utils/settings";
+import {parseRateLimit} from "ratelimit-header-parser";
 import RateLimitModal from "@/components/RateLimitModal.vue";
-import { Base64 } from "js-base64";
+import {Base64} from "js-base64";
 
 // 基本配置
 const axiosInstance = axios.create({

src/axios/axios.js

@@ -1,11 +1,11 @@
 <template>
-<v-app-bar :elevation="2">
-  <template v-slot:prepend>
-    <v-app-bar-nav-icon></v-app-bar-nav-icon>
-  </template>
+  <v-app-bar :elevation="2">
+    <template v-slot:prepend>
+      <v-app-bar-nav-icon></v-app-bar-nav-icon>
+    </template>
 
-  <v-app-bar-title>作业</v-app-bar-title>
-</v-app-bar>
+    <v-app-bar-title>作业</v-app-bar-title>
+  </v-app-bar>
 </template>
 
 <script>

src/components/AppHeader.vue

@@ -3,16 +3,16 @@
     <v-card-title class="d-flex align-center">
       <span>缓存管理</span>
       <v-spacer></v-spacer>
-      <v-btn color="error" @click="clearAllCaches" :loading="loading">
+      <v-btn :loading="loading" color="error" @click="clearAllCaches">
         清除所有缓存
       </v-btn>
-      <v-btn icon class="ml-2" @click="refreshCaches">
+      <v-btn class="ml-2" icon @click="refreshCaches">
         <v-icon>mdi-refresh</v-icon>
       </v-btn>
     </v-card-title>
 
     <v-card-text>
-      <v-alert v-if="!serviceWorkerActive" type="warning" class="mb-4">
+      <v-alert v-if="!serviceWorkerActive" class="mb-4" type="warning">
         Service Worker 未激活，缓存管理功能不可用。
       </v-alert>
 
@@ -30,7 +30,7 @@
           </v-expansion-panel-title>
           <v-expansion-panel-text>
             <div class="d-flex justify-end mb-2">
-              <v-btn color="error" size="small" @click="clearCache(cache.name)" :loading="loading">
+              <v-btn :loading="loading" color="error" size="small" @click="clearCache(cache.name)">
                 清除此缓存
               </v-btn>
             </div>
@@ -43,7 +43,7 @@
                   {{ url }}
                 </v-list-item-subtitle>
                 <template v-slot:append>
-                  <v-btn icon size="small" color="error" @click="clearUrl(cache.name, url)">
+                  <v-btn color="error" icon size="small" @click="clearUrl(cache.name, url)">
                     <v-icon>mdi-delete</v-icon>
                   </v-btn>
                 </template>
@@ -53,7 +53,7 @@
         </v-expansion-panel>
       </v-expansion-panels>
 
-      <v-skeleton-loader v-else-if="loading" type="article" />
+      <v-skeleton-loader v-else-if="loading" type="article"/>
 
       <v-alert v-else type="info">
         没有找到缓存数据。
@@ -99,7 +99,7 @@ export default {
 
       try {
         // 获取所有缓存名称
-        const cacheNames = await this.sendMessageToSW({ type: 'CACHE_KEYS' });
+        const cacheNames = await this.sendMessageToSW({type: 'CACHE_KEYS'});
 
         // 获取每个缓存的内容
         for (const cacheName of cacheNames.cacheNames) {
@@ -167,7 +167,7 @@ export default {
 
       this.loading = true;
       try {
-        const result = await this.sendMessageToSW({ type: 'CLEAR_ALL_CACHES' });
+        const result = await this.sendMessageToSW({type: 'CLEAR_ALL_CACHES'});
 
         if (result.success) {
           this.showMessage('已清除所有缓存', 'success');