Move login-error hash check to App.vue

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"
     });
   }
 });

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>