diff --git a/src/views/JoinView.vue b/src/views/JoinView.vue
index c63ccee..9b98774 100644
--- a/src/views/JoinView.vue
+++ b/src/views/JoinView.vue
@@ -13,6 +13,15 @@ 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',
@@ -28,16 +37,6 @@ onBeforeMount(() => {
   }
 })
 
-onMounted(() => {
-  game.$reset()
-  bot.$reset()
-  localStorage.removeItem('game')
-  localStorage.removeItem('bot')
-
-  const websocket = useWebsocketStore()
-  if (player.id == null) player.initPlayer()
-  websocket.init(route.params.gameId)
-})
 </script>
 
 <template>