Refactor MasterDetailMntC.vue for improved readability and consistency

src/components/base/login/LoginAnnouncementBoard.vue

@@ -1,6 +1,8 @@
 <template>
   <v-card class="w-100 h-100 d-flex flex-column bg-transparent pa-2 pa-lg-4" elevation="3">
-    <v-card-title class="text-h6 text-lg-h5 font-weight-bold text-accent mb-4">{{ title }}</v-card-title>
+    <v-card-title class="text-h6 text-lg-h5 font-weight-bold text-accent mb-4">{{
+      title
+    }}</v-card-title>
 
     <v-tabs v-model="activeTab" class="mb-3" color="primary" density="comfortable">
       <v-tab v-for="tab in normalizedTabs" :key="tab.value" :value="tab.value">
@@ -23,8 +25,11 @@
             <td class="text-no-wrap">{{ item.school }}</td>
             <td>
               <v-btn
-class="px-0 text-none justify-start" color="primary" variant="text"
-                @click="emit('select-announcement', item)">
+                class="px-0 text-none justify-start"
+                color="primary"
+                variant="text"
+                @click="emit('select-announcement', item)"
+              >
                 {{ item.title }}
               </v-btn>
             </td>
@@ -41,17 +46,18 @@ class="px-0 text-none justify-start" color="primary" variant="text"
             {{ item.content }}
           </v-list-item-title>
           <v-list-item-subtitle v-if="item.title || item.createdAt">
-            {{ item.title }}<span v-if="item.title && item.createdAt"> ・ </span>{{ item.createdAt }}
+            {{ item.title }}<span v-if="item.title && item.createdAt"> ・ </span
+            >{{ item.createdAt }}
           </v-list-item-subtitle>
         </v-list-item>
         <v-list-item v-if="systemPageItems.length === 0" class="h-100">
-          <v-list-item-title class="text-center text-medium-emphasis">{{ emptyText }}</v-list-item-title>
+          <v-list-item-title class="text-center text-medium-emphasis">{{
+            emptyText
+          }}</v-list-item-title>
         </v-list-item>
       </v-list>
     </div>
 
-
-
     <div class="d-flex justify-space-between align-center mt-auto pt-3">
       <span class="text-caption text-medium-emphasis">
         {{ paginationLabel }} {{ totalItems }}
@@ -125,7 +131,8 @@ const systemTab = computed<AnnouncementTab>(() => ({
 }))
 
 const normalizedTabs = computed<AnnouncementTab[]>(() => {
-  const baseTabs = props.tabs.length > 0 ? props.tabs : [{ label: props.allTabLabel, value: allTabValue }]
+  const baseTabs =
+    props.tabs.length > 0 ? props.tabs : [{ label: props.allTabLabel, value: allTabValue }]
   if (baseTabs.some((tab) => tab.value === systemTabValue)) return baseTabs
   return [...baseTabs, systemTab.value]
 })