개선: 토너먼트 베팅 입력 가독성을 높임

app/game-frontend/src/views/BettingView.vue

@@ -12,7 +12,7 @@ import { trpc } from '../utils/trpc';
 
 const tournamentPages = useTournamentPagesStore();
 const { snapshot, betting: summary, rankings, loading, error } = storeToRefs(tournamentPages);
-const amounts = ref<Record<number, number>>({});
+const selectedAmount = ref(10);
 const selectedTarget = ref<TournamentBracketSlot | null>(null);
 const betDialog = ref<HTMLDialogElement | null>(null);
 const betAmountSelect = ref<HTMLSelectElement | null>(null);
@@ -55,17 +55,6 @@ const ratio = (id: number) => {
 const openingTime = computed(() =>
     formatServerDateTime(snapshot.value?.state?.nextAt, { format: 'hourMinute', fallback: '--:--' })
 );
-const selectedAmount = computed({
-    get: () => {
-        const targetId = selectedTarget.value?.id;
-        return targetId === null || targetId === undefined ? 10 : (amounts.value[targetId] ?? 10);
-    },
-    set: (amount: number) => {
-        const targetId = selectedTarget.value?.id;
-        if (targetId === null || targetId === undefined) return;
-        amounts.value[targetId] = amount;
-    },
-});
 const selectedRatio = computed(() => {
     const targetId = selectedTarget.value?.id;
     return targetId === null || targetId === undefined ? '0' : ratio(targetId);
@@ -85,7 +74,6 @@ const openBetDialog = async (target: TournamentBracketSlot) => {
     if (target.id === null || !bettingOpen.value) return;
     selectedTarget.value = target;
     betError.value = null;
-    if (amounts.value[target.id] === undefined) amounts.value[target.id] = 10;
     await nextTick();
     betDialog.value?.showModal();
     betAmountSelect.value?.focus();
@@ -147,6 +135,7 @@ const placeBet = async () => {
             :tournament-type="snapshot?.state?.type ?? 0"
             :show-legend="false"
             :betting-open="bettingOpen"
+            :betting-mode="true"
             @request-bet="openBetDialog"
         />
 

app/game-frontend/src/views/TournamentView.vue

@@ -12,7 +12,7 @@ import { trpc } from '../utils/trpc';
 import { resolveTournamentSectionVisibility, resolveTournamentStageName } from '../utils/tournamentStatus';
 
 const tournamentPages = useTournamentPagesStore();
-const { snapshot, betting, loading, error } = storeToRefs(tournamentPages);
+const { snapshot, loading, error } = storeToRefs(tournamentPages);
 type Snapshot = NonNullable<typeof snapshot.value>;
 const myGeneralId = ref(0);
 const adminEnabled = ref(false);
@@ -54,12 +54,9 @@ const matchesAt = (stage: number) =>
         .filter((match) => match.stage === stage)
         .sort((a, b) => a.roundIndex - b.roundIndex);
 const nameOf = (id?: number) => (id ? (participantsById.value.get(id)?.name ?? `#${id}`) : '-');
-const totalBet = computed(() => betting.value?.totalAmount ?? 0);
 const openingTime = computed(() =>
     formatServerDateTime(snapshot.value?.state?.nextAt, { format: 'hourMinute', fallback: '--:--' })
 );
-const betTotals = computed(() => betting.value?.totals as Record<number, number> | undefined);
-const myBetTotals = computed(() => betting.value?.myTotals as Record<number, number> | undefined);
 const isParticipant = computed(() =>
     (snapshot.value?.participants ?? []).some((participant) => participant.id === myGeneralId.value)
 );
@@ -230,9 +227,6 @@ const start = async () => {
                 :participants="snapshot?.participants ?? []"
                 :matches="snapshot?.matches ?? []"
                 :winner-id="snapshot?.state?.winnerId"
-                :bet-totals="betTotals"
-                :my-bet-totals="myBetTotals"
-                :total-bet="totalBet"
                 :tournament-type="snapshot?.state?.type ?? 0"
             />