🎨 代码格式化

src/components/userAbyss/tua-detail-battle.vue

@@ -5,7 +5,8 @@
   <div class="tud-db-icons-grid">
     <TibAbyssDetail
       v-for="avatar in props.modelValue.characters"
-      :key="avatar.id" :model-value="avatar"
+      :key="avatar.id"
+      :model-value="avatar"
     />
   </div>
 </template>

src/components/userAbyss/tua-detail-title.vue

@@ -6,7 +6,7 @@
       </slot>
     </div>
     <div class="tud-t-val">
-      <img src="/icon/star/Abyss.webp" alt="Abyss">
+      <img src="/icon/star/Abyss.webp" alt="Abyss" />
       <slot name="val">
         <span>{{ props.val }}</span>
       </slot>
@@ -53,7 +53,7 @@ const getFontSize: ComputedRef<string> = computed(() => {
   display: flex;
   align-items: center;
   font-family: var(--font-text);
-  font-size:  v-bind(getFontSize);
+  font-size: v-bind(getFontSize);
   color: var(--common-color-white);
   text-shadow: 0 0 10px var(--common-color-yellow);
 }

src/components/userAbyss/tua-detail.vue

@@ -1,18 +1,25 @@
 <template>
   <div class="tuad-box">
-    <TuaDetailTitle :val="props.modelValue.winStar" :name="`第${props.modelValue.id}层`" mode="floor" />
+    <TuaDetailTitle
+      :val="props.modelValue.winStar"
+      :name="`第${props.modelValue.id}层`"
+      mode="floor"
+    />
     <div class="tuad-index-box">
-      <TuaDetailLevel v-for="level in props.modelValue.levels" :key="level.id" :model-value="level" />
+      <TuaDetailLevel
+        v-for="level in props.modelValue.levels"
+        :key="level.id"
+        :model-value="level"
+      />
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-
 import TuaDetailTitle from "./tua-detail-title.vue";
 import TuaDetailLevel from "./tua-detail-level.vue";
 
 interface TuaDetailProps {
-  modelValue: TGApp.Sqlite.Abyss.Floor
+  modelValue: TGApp.Sqlite.Abyss.Floor;
 }
 
 const props = defineProps<TuaDetailProps>();

src/components/userAbyss/tua-overview.vue

@@ -14,7 +14,8 @@
       <slot name="val-icons">
         <TibAbyssOverview
           v-for="avatar in JSON.parse(props.valIcons) as TGApp.Sqlite.Abyss.Character[]"
-          :key="avatar.id" :model-value="avatar"
+          :key="avatar.id"
+          :model-value="avatar"
         />
       </slot>
     </div>
@@ -25,10 +26,10 @@
 import TibAbyssOverview from "../itembox/tib-abyss-overview.vue";
 
 interface TAOProps {
-  title: string,
-  valText?: string | number,
-  valIcons?: string,
-  iconNum: number,
+  title: string;
+  valText?: string | number;
+  valIcons?: string;
+  iconNum: number;
 }
 
 const props = withDefaults(defineProps<TAOProps>(), {