chore: OXC Formatter

app/citizen-frontend/src/components/layout/DefaultLayout.vue

@@ -6,7 +6,9 @@
         <v-app-bar-nav-icon variant="text" @click="drawer = !drawer" />
       </template>
 
-      <v-app-bar-title class="font-weight-bold flex-grow-1"> 運動玩轉健康力 </v-app-bar-title>
+      <v-app-bar-title class="font-weight-bold flex-grow-1">
+        運動玩轉健康力
+      </v-app-bar-title>
 
       <template #append>
         <div class="d-flex align-center">
@@ -19,7 +21,10 @@
             variant="text"
             @click="isLargeText = !isLargeText"
           >
-            <v-icon :color="isLargeText ? 'accent' : 'white'" icon="mdi-format-size" />
+            <v-icon
+              :color="isLargeText ? 'accent' : 'white'"
+              icon="mdi-format-size"
+            />
           </v-btn>
         </div>
       </template>
@@ -58,7 +63,9 @@
           </v-avatar>
         </template>
 
-        <v-list-item-subtitle class="text-white-50">未登入訪客</v-list-item-subtitle>
+        <v-list-item-subtitle class="text-white-50"
+          >未登入訪客</v-list-item-subtitle
+        >
       </v-list-item>
 
       <v-divider />
@@ -71,7 +78,12 @@
         <v-list-item-title>大字體模式</v-list-item-title>
 
         <template #append>
-          <v-switch v-model="isLargeText" color="secondary" density="compact" hide-details />
+          <v-switch
+            v-model="isLargeText"
+            color="secondary"
+            density="compact"
+            hide-details
+          />
         </template>
       </v-list-item>
 
@@ -191,7 +203,9 @@
       tag="div"
     >
       <v-btn to="/" value="home">
-        <v-icon :color="getBottomNavIconColor('home')">mdi-view-dashboard</v-icon>
+        <v-icon :color="getBottomNavIconColor('home')"
+          >mdi-view-dashboard</v-icon
+        >
         <span class="bottom-nav-text">首頁</span>
       </v-btn>
 
@@ -204,12 +218,16 @@
       </v-btn>
 
       <v-btn v-if="store.isLoggedIn" to="/checkin" value="checkin">
-        <v-icon :color="getBottomNavIconColor('checkin')">mdi-qrcode-scan</v-icon>
+        <v-icon :color="getBottomNavIconColor('checkin')"
+          >mdi-qrcode-scan</v-icon
+        >
         <span class="bottom-nav-text">量測</span>
       </v-btn>
 
       <v-btn v-if="store.isLoggedIn" to="/appointment" value="appointment">
-        <v-icon :color="getBottomNavIconColor('appointment')">mdi-calendar-check</v-icon>
+        <v-icon :color="getBottomNavIconColor('appointment')"
+          >mdi-calendar-check</v-icon
+        >
         <span class="bottom-nav-text">預約</span>
       </v-btn>
     </v-bottom-navigation>
@@ -217,7 +235,9 @@
     <!-- 隱私授權對話框 -->
     <v-dialog v-model="showPrivacy" max-width="500">
       <v-card class="rounded-xl">
-        <v-card-title class="bg-primary text-white font-weight-bold d-flex align-center">
+        <v-card-title
+          class="bg-primary text-white font-weight-bold d-flex align-center"
+        >
           <v-icon class="mr-2" icon="mdi-shield-check" />
           個資同意與資料授權
         </v-card-title>
@@ -234,7 +254,7 @@
           </ul>
 
           <p class="text-caption text-grey">
-            授權狀態：{{ store.userProfile.consent ? '已同意授權' : '未授權' }}
+            授權狀態：{{ store.userProfile.consent ? "已同意授權" : "未授權" }}
           </p>
         </v-card-text>
 
@@ -254,7 +274,9 @@
     <!-- 緊急聯絡人對話框 -->
     <v-dialog v-model="showEmergency" max-width="500">
       <v-card class="rounded-xl">
-        <v-card-title class="bg-primary text-white font-weight-bold d-flex align-center">
+        <v-card-title
+          class="bg-primary text-white font-weight-bold d-flex align-center"
+        >
           <v-icon class="mr-2" icon="mdi-alert-circle-outline" />
           緊急聯絡資訊
         </v-card-title>
@@ -294,46 +316,47 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { useAppStore } from '@/stores/app'
+import { ref, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useAppStore } from "@/stores/app";
 
-const store = useAppStore()
-const router = useRouter()
-const route = useRoute()
+const store = useAppStore();
+const router = useRouter();
+const route = useRoute();
 
-const drawer = ref(false)
-const activeTab = ref('home')
-const showPrivacy = ref(false)
-const showEmergency = ref(false)
+const drawer = ref(false);
+const activeTab = ref("home");
+const showPrivacy = ref(false);
+const showEmergency = ref(false);
 
 // 無障礙狀態 (可持久化儲存於 localStorage)
-const isLargeText = ref(localStorage.getItem('mode-large-text') === 'true')
+const isLargeText = ref(localStorage.getItem("mode-large-text") === "true");
 
-watch(isLargeText, newVal => {
-  localStorage.setItem('mode-large-text', String(newVal))
-})
+watch(isLargeText, (newVal) => {
+  localStorage.setItem("mode-large-text", String(newVal));
+});
 
 // 同步底部導航狀態與當前路由
 watch(
   () => route.path,
-  path => {
-    if (path === '/') activeTab.value = 'home'
-    else if (path.startsWith('/self-assessment')) activeTab.value = 'self-assessment'
-    else if (path.startsWith('/appointment')) activeTab.value = 'appointment'
-    else if (path.startsWith('/checkin')) activeTab.value = 'checkin'
+  (path) => {
+    if (path === "/") activeTab.value = "home";
+    else if (path.startsWith("/self-assessment"))
+      activeTab.value = "self-assessment";
+    else if (path.startsWith("/appointment")) activeTab.value = "appointment";
+    else if (path.startsWith("/checkin")) activeTab.value = "checkin";
   },
   { immediate: true },
-)
+);
 
-function getBottomNavIconColor (value: string) {
-  return activeTab.value === value ? 'secondary' : 'secondary-darken-1'
+function getBottomNavIconColor(value: string) {
+  return activeTab.value === value ? "secondary" : "secondary-darken-1";
 }
 
-function handleLogout () {
-  store.logout()
-  router.push('/login')
-  drawer.value = false
+function handleLogout() {
+  store.logout();
+  router.push("/login");
+  drawer.value = false;
 }
 </script>