diff --git a/frontend/src/vues/GameTable.vue b/frontend/src/vues/GameTable.vue
new file mode 100644
index 0000000..965b7d6
--- /dev/null
+++ b/frontend/src/vues/GameTable.vue
@@ -0,0 +1,46 @@
+<template>
+
+<div>"butts"{{gameList}}</div>
+
+<!--   <v-table>
+    <thead>
+      <tr>
+        <th class="text-left">ID</th>
+        <th class="text-left">Title</th>
+        <th class="text-left">Staus</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-for="game in gameList">
+        <td>
+          <a v-bind:href="`/#/games/${game.id}`">{{ game.id }}</a>
+        </td>
+        <td>
+          <a v-bind:href="`/#/games/${game.id}`">{{ game.title }}</a>
+        </td>
+        <td>{{ game.status }}</td>
+      </tr>
+    </tbody>
+  </v-table> -->
+</template>
+
+<style>
+.game-title-box {
+  margin-top: 25px;
+  margin-left: 20px;
+}
+
+.gm-title-box {
+  margin-top: 5px;
+  margin-left: 20px;
+}
+
+.result-box {
+  margin: 10px;
+  margin-top: 40px;
+}
+</style>
+
+<script setup lang="ts">
+  defineProps(['gameList'])
+</script>