Hand player update

app.vue

@@ -2,9 +2,9 @@
 import { ref } from 'vue';
 const cards = useState<{ [key: string]: any }>('cards', () => ({}))
 const players = useState<{ [key: string]: any }>('players', () => ({}))
-const self = useState<any>('self', () => (null))
+const self = useState<string>('self')
 let gameObjects = useState<{ [key: string]: any }>('gameObject', () => ({}))
-let game = ref<any>({})
+let game = ref<any>({ started: true })
 let context = ref<string>('login')
 const socket = new WebSocket("ws://127.0.0.1:8765")
 
@@ -61,8 +61,7 @@ socket.onmessage = function (event) {
     context.value = data.data
     console.log(context.value)
   } else if (data.type === "set" && data.data_type == "self") {
-    self.value = players.value[data.data]
-    console.log(self.value)
+    self.value = data.data
   } else {
     console.log(data.type, data.data_type, data.data);
   }
@@ -91,7 +90,7 @@ async function setReady(value: Event) {
 </script>
 
 <template>
-  <button v-if="!self" @click="register('legonzaur')">LOGIN</button>
+  <button v-if="!self && !game.started" @click="register('legonzaur')">LOGIN</button>
   <input @change="setReady" v-if="self && !game.started" type="checkbox" id="ready">
   <label v-if="self && !game.started" for="scales">Ready</label>
   <div>