fix: แก้การเเสดง ภาษา

src/components/StatCardComponent.vue

@@ -1,13 +1,19 @@
 <script setup lang="ts">
 import AppBox from 'components/app/AppBox.vue';
 
-const props = defineProps<{
-  branch: {
-    count: number;
-    label: string;
-  }[];
-  dark?: boolean;
-}>();
+const props = withDefaults(
+  defineProps<{
+    branch: {
+      count: number;
+      label: string;
+    }[];
+    dark?: boolean;
+    isBranch?: boolean;
+  }>(),
+  {
+    isBranch: false,
+  },
+);
 
 const color = ['pink', 'purple'];
 </script>
@@ -34,7 +40,9 @@ const color = ['pink', 'purple'];
 
       <div class="stat__content">
         <div class="text-h5 text-weight-bold">{{ v.count }}</div>
-        <div class="text-weight-bold">{{ v.label }}</div>
+        <div class="text-weight-bold">
+          {{ isBranch ? $t(v.label) : v.label }}
+        </div>
       </div>
     </AppBox>
   </div>

src/pages/01_branch-management/MainPage.vue

@@ -382,7 +382,7 @@ watch(locale, () => {
     </div>
 
     <AppBox bordered class="q-mb-md">
-      <StatCard :branch="stats" :dark="$q.dark.isActive" />
+      <StatCard isBranch :branch="stats" :dark="$q.dark.isActive" />
     </AppBox>
 
     <AppBox
@@ -763,7 +763,15 @@ watch(locale, () => {
                       v.isHeadOffice ? 'branchHQLabel' : 'branchLabel',
                     ),
                     branchLabelStatus: $t(`status${v.status}`),
-                  }))"
+                  }))
+                  .sort((a, b) => {
+                    console.log(a);
+
+                    if (a.hq) return 1;
+                    // if (!a.hq) return -1;
+
+                    return 0;
+                  })"
                 @click="
                   () => {
                     if (item.hq) {