add in game details

frontend/src/vues/GameDetails.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>{{ gameId }}</div>
+  <div>{{ game }}</div>
+
+  <div>#{{ game.id }} - {{ game.title }}</div>
+  <div>{{ game.gamemaster }}</div>
+</template>
+
+<script setup lang="ts">
+import { watch, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import axios from 'axios'
+
+const route = useRoute()
+
+const gameId = ref(route.params.gameId)
+const game = ref({})
+
+loadGameDetails()
+
+watch(
+  () => route.params.gameId,
+  (newId, oldId) => {
+    gameId.value = newId
+    loadGameDetails()
+  }
+)
+
+async function loadGameDetails() {
+  const response = await axios.get(`/api/game/${gameId.value}`)
+  game.value = response.data
+}
+</script>