wip

hwe/ts/components/GeneralSupplementCard.vue

@@ -38,7 +38,7 @@
       <div>피살</div>
       <div>{{ general.deathcrew.toLocaleString() }}</div>
     </div>
-    <div class="col-7 general-card-dex">
+    <div :class="[props.showCommandList ? 'col-7' : 'col', 'general-card-dex']">
       <div class="part-title">숙련도</div>
       <template v-for="[dexType, dex, dexInfo] of dexList" :key="dexType">
         <div>{{ dexType }}</div>
@@ -49,14 +49,11 @@
         </div>
       </template>
     </div>
-    <div class="col-5 general-card-turn">
+    <div v-if="props.showCommandList && general.reservedCommand?.length > 0" class="col-5 general-card-turn">
       <div class="part-title">예약턴</div>
-      <template v-if="general.reservedCommand">
-        <div v-for="(turn, idx) in general.reservedCommand.slice(0, 5)" :key="idx">
-          {{ turn.brief }}
-        </div>
-      </template>
-      <div v-else style="grid-row: 2 / 7">NPC</div>
+      <div v-for="(turn, idx) in general.reservedCommand.slice(0, 5)" :key="idx">
+        {{ turn.brief }}
+      </div>
     </div>
   </div>
 </template>
@@ -69,6 +66,7 @@ import { formatDexLevel, type DexInfo } from "@/utilGame/formatDexLevel";
 import { formatHonor } from "@/utilGame/formatHonor";
 const props = defineProps<{
   general: GeneralListItemP1;
+  showCommandList?: boolean;
 }>();
 
 const dexList = computed((): [string, number, DexInfo][] => {