update

src/components/task/ChallengeList.vue

@@ -12,13 +12,17 @@
         <template #header>
           <n-flex align="center" :size="6">
             <span v-if="item.submitted" class="check-icon">✓</span>
-            <span :class="{ 'submitted-title': item.submitted }">{{ item.title }}</span>
+            <span :class="{ 'submitted-title': item.submitted }">{{
+              item.title
+            }}</span>
           </n-flex>
         </template>
         <template #header-extra>
           <n-flex :size="6">
             <n-tag type="warning" size="small">{{ item.score }} 分</n-tag>
-            <n-tag v-if="item.pass_score != null" size="small">及格 {{ item.pass_score }} 分</n-tag>
+            <n-tag v-if="item.pass_score != null" size="small"
+              >及格 {{ item.pass_score }} 分</n-tag
+            >
           </n-flex>
         </template>
       </n-card>

src/components/task/TaskPanel.vue

@@ -24,7 +24,9 @@
           <n-button text @click="prev()" :disabled="prevDisabled()">
             <Icon :width="24" icon="pepicons-pencil:arrow-left"></Icon>
           </n-button>
-          <span v-if="progressText" class="progress-text">{{ progressText }}</span>
+          <span v-if="progressText" class="progress-text">{{
+            progressText
+          }}</span>
           <n-button text @click="next()" :disabled="nextDisabled()">
             <Icon :width="24" icon="pepicons-pencil:arrow-right"></Icon>
           </n-button>
@@ -53,7 +55,14 @@
 <script lang="ts" setup>
 import { Icon } from "@iconify/vue"
 import { computed, watch } from "vue"
-import { step, tutorialIds, prev, next, prevDisabled, nextDisabled } from "../../store/tutorial"
+import {
+  step,
+  tutorialIds,
+  prev,
+  next,
+  prevDisabled,
+  nextDisabled,
+} from "../../store/tutorial"
 import { authed, roleSuper } from "../../store/user"
 import { taskTab, taskId, challengeDisplay } from "../../store/task"
 import { useRoute, useRouter } from "vue-router"
@@ -71,7 +80,8 @@ function syncRoute(routeName: string) {
     if (route.params.display) step.value = Number(route.params.display)
   } else if (routeName.startsWith("home-challenge")) {
     taskTab.value = TASK_TYPE.Challenge
-    if (route.params.display) challengeDisplay.value = Number(route.params.display)
+    if (route.params.display)
+      challengeDisplay.value = Number(route.params.display)
   }
 }
 syncRoute(route.name as string)
@@ -80,8 +90,7 @@ watch(() => route.name as string, syncRoute)
 defineEmits(["hide"])
 
 const hideNav = computed(
-  () =>
-    taskTab.value !== TASK_TYPE.Tutorial || tutorialIds.value.length <= 1,
+  () => taskTab.value !== TASK_TYPE.Tutorial || tutorialIds.value.length <= 1,
 )
 
 const progressText = computed(() => {

src/components/task/TaskStatsModal.vue

@@ -363,7 +363,8 @@
                     width: '20px',
                     height: '20px',
                     borderRadius: '50%',
-                    background: i < 3 ? ['#f0a020', '#888', '#a07040'][i] : '#ddd',
+                    background:
+                      i < 3 ? ['#f0a020', '#888', '#a07040'][i] : '#ddd',
                     color: '#fff',
                     fontSize: '11px',
                     fontWeight: '700',
@@ -372,7 +373,8 @@
                     justifyContent: 'center',
                     flexShrink: 0,
                   }"
-                >{{ i + 1 }}</span>
+                  >{{ i + 1 }}</span
+                >
                 <span style="flex: 1; font-size: 13px; color: #333">
                   {{ displayName(item.username, item.classname) }}
                 </span>