From 4de34ead700c6e84f3471a1d277d83824d029995 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <contact@maciejpedzi.ch>
Date: Sun, 28 May 2023 09:10:32 +0200
Subject: [PATCH] Move login-error hash check to App.vue

---
 src/App.vue         | 13 ++++++++++---
 src/views/LogIn.vue | 15 ---------------
 2 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a67480e..a67a941 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,11 +15,18 @@ const { showSnackbar } = useSnackbar();
 onMounted(async () => {
   await router.isReady();
 
-  if (router.currentRoute.value.hash === '#login-success') {
+  const loginStatusHashes = ['#login-error', '#login-success'];
+  const routeHash = router.currentRoute.value.hash;
+
+  if (loginStatusHashes.includes(routeHash)) {
     localStorage.removeItem('redirectPath');
+
     showSnackbar({
-      status: 'success',
-      message: "You're logged in!"
+      status: routeHash.replace('#login-', '') as 'error' | 'success',
+      message:
+        routeHash === '#login-error'
+          ? 'Failed to log you in'
+          : "You're logged in"
     });
   }
 });
diff --git a/src/views/LogIn.vue b/src/views/LogIn.vue
index 3960838..37b37f6 100644
--- a/src/views/LogIn.vue
+++ b/src/views/LogIn.vue
@@ -1,22 +1,7 @@
 <script lang="ts" setup>
-import { onMounted } from 'vue';
-import { useRoute } from 'vue-router';
-
 import { useAuth } from '@/composables/useAuth';
-import { useSnackbar } from '@/composables/useSnackbar';
 
-const route = useRoute();
 const { logIn } = useAuth();
-const { showSnackbar } = useSnackbar();
-
-onMounted(() => {
-  if (route.hash === '#login-error') {
-    showSnackbar({
-      status: 'error',
-      message: 'Failed to log you in.'
-    });
-  }
-});
 </script>
 
 <template>