diff --git a/src/views/JoinView.vue b/src/views/JoinView.vue
index 9b98774..8e83f47 100644
--- a/src/views/JoinView.vue
+++ b/src/views/JoinView.vue
@@ -6,22 +6,10 @@ import { useWebsocketStore } from '@/stores/websocket';
 import { onMounted, onBeforeMount } from 'vue'
 import { useRoute } from 'vue-router'
 
-
-
-const route = useRoute()
 const player = usePlayerStore()
 const game = useGameStore()
 const bot = useBotStore()
 
-game.$reset()
-  bot.$reset()
-  localStorage.removeItem('game')
-  localStorage.removeItem('bot')
-
-  const websocket = useWebsocketStore()
-  if (player.id == null) player.initPlayer()
-  websocket.init(route.params.gameId)
-
 const join = () => {
   res = websocket.send({
     action: 'join',
@@ -31,12 +19,20 @@ const join = () => {
 
 onBeforeMount(() => {
   console.log(game.owner, game.opponent.id, player.id)
-  if (game.owner == player.id || game.opponent.id == player.id) {
+  if (game.owner == player.id || game.opponent.id == player.id)
     window.location.href = window.location.origin + '/lobby/' + game.id
-    return
-  }
 })
 
+onMounted(() => {
+  game.$reset()
+  bot.$reset()
+  localStorage.removeItem('game')
+  localStorage.removeItem('bot')
+  const route = useRoute()
+  const websocket = useWebsocketStore()
+  if (player.id == null) player.initPlayer()
+  websocket.init(route.params.gameId)
+})
 </script>
 
 <template>