even more refactoring ✨

src/views/Player.vue

@@ -201,8 +201,7 @@
 </template>
 
 <script>
-import {onMounted, reactive} from "vue";
-import router from "../router";
+import {onMounted, reactive, watch} from "vue";
 import {useStore} from "vuex";
 import {
   DisplayRank,
@@ -216,7 +215,7 @@ import {
   GoToLink,
   GoToMatch,
   LoadImage,
-  SaveLastVisitedToLocalStorage,
+  SaveLastVisitedToLocalStorage, setTitle,
   TrackMe
 } from "../utils";
 
@@ -245,8 +244,8 @@ export default {
     })
 
     const GetPlayer = async () => {
-      if (router.currentRoute.value.params.id) {
-        const [res, resData] = await GetUser(router.currentRoute.value.params.id)
+      if (props.id) {
+        const [res, resData] = await GetUser(props.id)
 
         if (res === 200 && resData) {
           data.playerDetails = resData
@@ -267,7 +266,7 @@ export default {
           }
           SaveLastVisitedToLocalStorage(player)
 
-          document.title = `${data.playerDetails.name} | csgoWTF`
+          setTitle(data.playerDetails.name)
 
           console.log(data.playerDetails)
         } else {
@@ -286,6 +285,11 @@ export default {
           data.statusErrorCode = 0
           data.statusError = ''
           data.tracked = true
+        } else {
+          setTimeout(() => {
+            data.statusError = ''
+            data.statusErrorCode = 0
+          }, 5000)
         }
       }
     }