From 461aa51e03ff1a6fc7bdb9b3d6db94ea76532be2 Mon Sep 17 00:00:00 2001
From: Kasper Seweryn <github@wvffle.net>
Date: Tue, 3 May 2022 02:53:02 +0200
Subject: [PATCH] Fix websockets and vite hmr on local dev

---
 front/src/components/auth/LoginForm.vue | 5 +++--
 front/src/init/webSocket.ts             | 5 +++--
 front/src/main.ts                       | 1 +
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/front/src/components/auth/LoginForm.vue b/front/src/components/auth/LoginForm.vue
index f4e5634fd..03e9b4ecb 100644
--- a/front/src/components/auth/LoginForm.vue
+++ b/front/src/components/auth/LoginForm.vue
@@ -29,7 +29,7 @@
         </li>
       </ul>
     </div>
-    <template v-if="document.domain === $store.getters['instance/domain']">
+    <template v-if="domain === $store.getters['instance/domain']">
       <div class="field">
         <label for="username-field">
           <translate translate-context="Content/Login/Input.Label/Noun">Username or e-mail address</translate>
@@ -110,7 +110,8 @@ export default {
         password: ''
       },
       error: '',
-      isLoading: false
+      isLoading: false,
+      domain: document.domain
     }
   },
   computed: {
diff --git a/front/src/init/webSocket.ts b/front/src/init/webSocket.ts
index b8039242a..f75bb010a 100644
--- a/front/src/init/webSocket.ts
+++ b/front/src/init/webSocket.ts
@@ -13,9 +13,10 @@ export const install: InitModule = ({ store }) => {
     })
 
     watch(() => store.state.auth.authenticated, (authenticated) => {
+      console.log(Math.random())
       if (authenticated) return open()
       close()
-    })
+    }, { immediate: true })
 
     whenever(data, () => {
       return store.dispatch('ui/websocketEvent', JSON.parse(data.value))
@@ -24,5 +25,5 @@ export const install: InitModule = ({ store }) => {
     watchEffect(() => {
       console.log('Websocket status:', status.value)
     })
-  })
+  }, { immediate: true })
 }
diff --git a/front/src/main.ts b/front/src/main.ts
index 5f59ea7ea..348228983 100644
--- a/front/src/main.ts
+++ b/front/src/main.ts
@@ -55,4 +55,5 @@ Promise.all(modules).finally(() => {
 // TODO (wvffle): Find all array watchers and make them deep
 // TODO (wvffle): Migrate to <script setup lang="ts"> and remove allowJs from tsconfig.json
 // TODO (wvffle): Replace `from '(../)+` with `from '~/`
+// TODO (wvffle): Fix props not being available in template in IntelliJ Idea
 // TODO (wvffle): Use navigation guards