Fixed wrong redirection

frontend/src/App.vue

@@ -3,9 +3,4 @@
 </template>
 
 <script setup>
-import { useAuthStore } from '@/stores'
-
-const authStore = useAuthStore()
-
-authStore.initialize()
 </script>

frontend/src/router/index.js

@@ -294,11 +294,14 @@ const router = createRouter({
   routes,
 })
 
-router.beforeEach((to, from, next) => {
+router.beforeEach(async (to, from, next) => {
   if (to.meta.requiresAuth !== undefined) {
     const previousPage = window.location.href
     sessionStorage.setItem('previousPage', previousPage)
     const authStore = useAuthStore()
+    if (!authStore.authUser) {
+      await authStore.initialize()
+    }
     authStore.validateAccess()
     if (to.meta.allowedRoles !== undefined) {
       if (to.meta.allowedRoles.indexOf(authStore.authUser.role) === -1) {

frontend/src/stores/auth.store.js

@@ -11,7 +11,7 @@ import accountApi from '@/api/account'
 import accountsApi from '@/api/accounts'
 
 export const useAuthStore = defineStore('auth', () => {
-  const authUser = ref({})
+  const authUser = ref(null)
   const isAuthenticated = ref(false)
   const manager = new UserManager({
     authority: 'http://localhost:8000/api/o',