From 250a056fe337ae3082e0241ab8def733a7207c27 Mon Sep 17 00:00:00 2001
From: Settel <settel@localhost>
Date: Mon, 29 Aug 2022 17:28:38 +0200
Subject: [PATCH] feat: create ReadySet, Playground, Highscroes components

---
 client/src/components/Highscores.vue |  9 +++++++++
 client/src/components/Playground.vue |  9 +++++++++
 client/src/components/ReadySet.vue   | 10 ++++++++++
 client/src/pages/play.vue            |  6 +++---
 4 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 client/src/components/Highscores.vue
 create mode 100644 client/src/components/Playground.vue
 create mode 100644 client/src/components/ReadySet.vue

diff --git a/client/src/components/Highscores.vue b/client/src/components/Highscores.vue
new file mode 100644
index 0000000..6168a49
--- /dev/null
+++ b/client/src/components/Highscores.vue
@@ -0,0 +1,9 @@
+<template>
+  <p>Highscores.vue</p>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style lang="scss">
+</style>
\ No newline at end of file
diff --git a/client/src/components/Playground.vue b/client/src/components/Playground.vue
new file mode 100644
index 0000000..a9db0f1
--- /dev/null
+++ b/client/src/components/Playground.vue
@@ -0,0 +1,9 @@
+<template>
+  <p>Playground.vue</p>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style lang="scss">
+</style>
\ No newline at end of file
diff --git a/client/src/components/ReadySet.vue b/client/src/components/ReadySet.vue
new file mode 100644
index 0000000..9986d07
--- /dev/null
+++ b/client/src/components/ReadySet.vue
@@ -0,0 +1,10 @@
+<template>
+  <p>ReadySet.vue</p>
+  <p>{{ text }}</p>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  text: string,
+}>()
+</script>
\ No newline at end of file
diff --git a/client/src/pages/play.vue b/client/src/pages/play.vue
index 1680528..10097b1 100644
--- a/client/src/pages/play.vue
+++ b/client/src/pages/play.vue
@@ -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>