diff --git a/site/src/App.vue b/site/src/App.vue index ac0fa9a..e60affc 100644 --- a/site/src/App.vue +++ b/site/src/App.vue @@ -39,11 +39,6 @@ const themeIcon = computed(() => dark.value ? 'mdi-moon-waxing-crescent' : 'mdi- const { status, data, send, open } = useWebSocket(`wss://${window.location.host}/queue`, { immediate: false, - onDisconnected: (_ws, evt) => { - console.warn('lost connection', { evt }); - game.value = null; - dealer.value = null; - }, }); const game = ref(null); const dealer = ref(null); diff --git a/site/src/components/GameStatus.vue b/site/src/components/GameStatus.vue index bc0729c..b5b9e48 100644 --- a/site/src/components/GameStatus.vue +++ b/site/src/components/GameStatus.vue @@ -6,13 +6,16 @@ - + {{ shellList }} + + + @@ -37,7 +40,7 @@ const actionMessages: Record string> = { Shoot: (game) => game.previous ? "THE PAIN..." : "A BLANK CLATTERS ON THE TABLE", GameEnd: () => "THE DEALER RELOADS THE SHOTGUN", BeerGameEnd: () => "THE LAST SHELL CLATTERS ON THE TABLE", - ChallengerWins: (game) => game.round < 3 ? "THE DEALER FALLS... BRIEFLY" : "THE DEALER FALLS... FOREVER", + ChallengerWins: (game) => game.winner != null ? "THE DEALER FALLS... BRIEFLY" : "THE DEALER FALLS... FOREVER", DealerWins: () => "THE CHALLENGER FALLS", Lens: (game) => `THE ${game.dealer ? "DEALER" : "CHALLENGER"} PEERS INTO THE CHAMBER`, Cig: (game) => `THE ${game.dealer ? "DEALER" : "CHALLENGER"} TAKES A DRAG`, @@ -56,6 +59,16 @@ const msg = computed(() => { return f(props.game); }); +const revealed = computed(() => { + if (props.game.shell === true) { + return 'INSIDE, YOU SEE 🟥'; + } + if (props.game.shell === false) { + return 'INSIDE, YOU SEE 🟦'; + } + return null; +}) + const shellList = ref([]); watch(props.game, (game) => { if (game.live == null || game.blank == null) { diff --git a/site/src/components/Player.vue b/site/src/components/Player.vue index 534c491..546cda2 100644 --- a/site/src/components/Player.vue +++ b/site/src/components/Player.vue @@ -1,7 +1,9 @@