From aa95695a11ef6935a34d34572961072d509fa2f6 Mon Sep 17 00:00:00 2001
From: Branden J Brown <zephyrtronium@gmail.com>
Date: Sat, 3 Feb 2024 13:39:34 -0600
Subject: [PATCH] compute rather than watch shells list

---
 site/src/components/GameStatus.vue | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/site/src/components/GameStatus.vue b/site/src/components/GameStatus.vue
index 27efa66..4abdf39 100644
--- a/site/src/components/GameStatus.vue
+++ b/site/src/components/GameStatus.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue';
+import { computed } from 'vue';
 import type { Game } from '@/lib/game';
 
 export interface Props {
@@ -69,15 +69,13 @@ const revealed = computed(() => {
     return null;
 })
 
-const shellList = ref<string[]>([]);
-watch(props.game, (game) => {
-    if (game.live == null || game.blank == null) {
-        shellList.value = [];
-        return;
+const shellList = computed(() => {
+    if (props.game.live == null || props.game.blank == null) {
+        return [];
     }
-    const l = [...Array(game.live).fill('🟥'), ...Array(game.blank).fill('🟦')];
+    const l = [...Array(props.game.live).fill('🟥'), ...Array(props.game.blank).fill('🟦')];
     shuffle(l);
-    shellList.value = [...l, ...Array(8 - game.live - game.blank).fill('⬛')];
+    return [...l, ...Array(8 - props.game.live - props.game.blank).fill('⬛')];
 });
 
 function shuffle<Elem>(l: Elem[]) {