From 83996d7107b6e0d22b2a80a1c91a3ccf100c56d3 Mon Sep 17 00:00:00 2001
From: lxgr-linux <lxgr@protonmail.com>
Date: Fri, 3 May 2024 00:27:16 +0200
Subject: [PATCH] feat(#298): Made Userview listen on route change

---
 src/views/UserView/UserView.vue | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/views/UserView/UserView.vue b/src/views/UserView/UserView.vue
index b6e0b0a3..929204f7 100644
--- a/src/views/UserView/UserView.vue
+++ b/src/views/UserView/UserView.vue
@@ -77,13 +77,23 @@
             <br>
             <b>Alias</b> <br>{{ state.user.alias }}<br>
             <br>
-            <b>{{ state.user.earlyAccess?.active ? "Early access" : "No early access" }}</b>
+            <b>{{
+              state.user.earlyAccess?.active
+                ? "Early access"
+                : "No early access"
+            }}</b>
             <template v-if="state.user.earlyAccess?.active">
               <p v-if="state.user.earlyAccess?.invitedByUser">
-                Inviter: <CompactAddressComponent :addr="state.user.earlyAccess?.invitedByUser" />
+                Inviter:
+                <CompactAddressComponent
+                  :addr="state.user.earlyAccess?.invitedByUser"
+                />
               </p>
               <p v-else-if="state.user.earlyAccess?.invitedUser">
-                Invited: <CompactAddressComponent :addr="state.user.earlyAccess?.invitedUser" />
+                Invited:
+                <CompactAddressComponent
+                  :addr="state.user.earlyAccess?.invitedUser"
+                />
               </p>
             </template>
           </template>
@@ -259,13 +269,14 @@ const init = () => {
     router.push({ name: "NotFound" });
   }
 
-  router.push({ name: "UserView", params: { id: state.addr } });
   getUser();
   getCoins();
   getMatches();
-  console.log(state.user)
+  console.log(state.user);
 };
 
+watch(() => route.params.id, init);
+
 onMounted(init);
 
 const getUser = () => {