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>