feat: create ReadySet, Playground, Highscroes components

This commit is contained in:
Settel 2022-08-29 17:28:38 +02:00
parent f62b8db662
commit 250a056fe3
4 changed files with 31 additions and 3 deletions

View File

@ -0,0 +1,9 @@
<template>
<p>Highscores.vue</p>
</template>
<script setup lang="ts">
</script>
<style lang="scss">
</style>

View File

@ -0,0 +1,9 @@
<template>
<p>Playground.vue</p>
</template>
<script setup lang="ts">
</script>
<style lang="scss">
</style>

View File

@ -0,0 +1,10 @@
<template>
<p>ReadySet.vue</p>
<p>{{ text }}</p>
</template>
<script setup lang="ts">
defineProps<{
text: string,
}>()
</script>

View File

@ -9,9 +9,9 @@
<div class="page-play__playfield-content">
<Lobby v-if="game.state === 'idle'" />
<CollectQuotes v-if="game.state === 'collect'" />
<!-- <ReadySet v-if="game.state === 'ready-set'" :text="game.phase" /> -->
<!-- <Play v-if="game.state === 'play'" /> -->
<!-- <Final v-if="game.state === 'final'" /> -->
<ReadySet v-if="game.state === 'ready-set'" :text="game.phase" />
<Playground v-if="game.state === 'play'" />
<Highscores v-if="game.state === 'final'" />
</div>
<EngineDebug v-if="showEngineDebug" class="page-play__playfield-debug" />
</div>