npm run format

src/components/gui/Chat.vue

@@ -79,4 +79,4 @@ onMounted(() => {
 onBeforeUnmount(() => {
   gameStore.connection?.off('chat:message')
 })
-</script>
+</script>

src/components/gui/Menu.vue

@@ -1,6 +1,6 @@
 <template>
   <ul class="list-none flex gap-2.5 items-center">
-    <li class="menu-item group relative">
+    <li class="menu-item group relative" @click="gameStore.toggleChat">
       <div class="group-hover:block absolute bottom-16 left-1/2 -translate-x-1/2 w-20 h-6 text-center bg-gray-300 border-2 border-solid border-cyan rounded-3xl hidden">
         <p class="absolute w-full bottom-0 m-0 text-xs leading-6">Chat</p>
         <div class="group-hover:block absolute -bottom-2.5 bg-cyan h-2 w-3.5 [clip-path:polygon(100%_0,_0_0,_50%_100%)] left-1/2 -translate-x-1/2 hidden"></div>
@@ -38,3 +38,9 @@
     </li>
   </ul>
 </template>
+
+<script setup lang="ts">
+import { useGameStore } from '@/stores/game'
+
+const gameStore = useGameStore()
+</script>