show basic game information

components/CardPreview.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+defineProps(['data'])
+</script>
+
+<template>
+    <div>
+        {{ data.name }}
+    </div>
+</template>

components/CardSlot.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+defineProps(['cards'])
+</script>
+
+<template>
+    <div>
+        <CardPreview v-for="c in cards" :data="c" :key="c.uuid" />
+    </div>
+</template>

components/GameBoard.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+const props = defineProps(['game'])
+
+</script>
+
+<template>
+    <div>
+        <div>
+            market_amount = {{ props.game.market_stack?.length }}
+            <br>
+            market = {{ props.game.market }}
+            <br>
+            gems = {{ props.game.gem_stack }}
+        </div>
+        <div>
+            players = {{ props.game.players }}
+        </div>
+    </div>
+</template>