studio/shotgun
2
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

compute rather than watch shells list

Browse Source
This commit is contained in:
Branden J Brown 2024-02-03 13:39:34 -06:00
parent 76195d21cb
commit aa95695a11
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
site/src/components/GameStatus.vue
View File

@ -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[]) {