fet : add game delete

netcode/handlers/game.handler.ts

@@ -17,9 +17,13 @@ export const handlers = {
   },
   start: (event: GameStartEvent) => {
     const gameStore = useGameStore();
+    const userStore = useUserStore();
     gameStore.game.started = true;
     gameStore.game.currentPlayer = event.currentPlayer;
     gameStore.currentWord = null;
+    if (userStore.self && userStore.self.id == event.currentPlayer.userId) {
+      void gameStore.getCurrentWord(gameStore.game.id);
+    }
   },
   delete: (event: GameDeleteEvent) => {
     const gameStore = useGameStore();

pages/game/[id].vue

@@ -30,6 +30,10 @@ function joinGame() {
   gameStore.joinGame(gameId);
 }
 
+function deleteGame() {
+  gameStore.deleteGame(gameId);
+}
+
 const isCurrentTurn = computed(
   () =>
     userStore.self && userStore.self?.id == game.value?.currentPlayer?.userId
@@ -95,18 +99,24 @@ const selfPlayer = computed(() =>
   </template>
 
   {{ game }}
-  <input
+  <template v-if="userStore.self">
-    type="button"
+    <template v-if="!game.started">
-    v-if="userStore.self && !game.started && game.ownerId == userStore.self.id"
+      <input
-    value="start"
+        type="button"
-    @click="startGame"
+        v-if="game.ownerId == userStore.self.id"
-  />
+        value="start"
-  <input
+        @click="startGame"
-    type="button"
+      />
-    v-if="userStore.self && !game.started && !selfPlayer"
+      <input type="button" v-if="!selfPlayer" value="join" @click="joinGame" />
-    value="join"
+    </template>
-    @click="joinGame"
+    <input
-  />
+      v-if="game.ownerId == userStore.self.id"
+      type="button"
+      value="delete"
+      @click="deleteGame"
+    />
+  </template>
+
   <div>
     Messages
     <span v-for="message in game.messages" :key="message.id">

store/game.store.ts

@@ -58,6 +58,16 @@ export const useGameStore = defineStore("game", {
         }
       );
     },
+    async deleteGame(id: number) {
+      const config = useRuntimeConfig();
+      const data = await $fetch<GameResponseDTO>(
+        config.public.endpoint + `/games/` + id,
+        {
+          method: "DELETE",
+          credentials: "include",
+        }
+      );
+    },
     async getCurrentWord(id: number) {
       const config = useRuntimeConfig();
       const data = await $fetch<string>(