fix(reload_persist): Make return to login page on reload to prevent role rights issues (#1415)

Author: NyraSama

yaki_admin/src/router/router.ts

@@ -74,10 +74,16 @@ const router = createRouter({
 // BEGIN: be15d9bcejpp
 router.beforeEach(async (to) => {
   // redirect to login page if not logged in and trying to access a restricted page
-  const publicPages = ["/", "/registerConfirm"];
+  const publicPages = ["/"];
   const authRequired = !publicPages.includes(to.path);
   const auth = useAuthStore();
 
+  // Logout on reload
+  const role = useRoleStore();
+  if (auth.user && role.captainsId.length === 0 && role.customersIdWhereIgotRights.length === 0) {
+    auth.logout();
+  }
+
   if (authRequired && !auth.user) {
     auth.returnedUrl = to.fullPath;
     return "/";

yaki_admin/src/ui/views/ProfileView.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import PageContentHeader from "@/ui/components/PageContentHeader.vue";
 import PageContentLayout from "@/ui/layouts/PageContentLayout.vue";
-import router from "@/router/router";
 import buttonSecondary from "@/ui/components/buttons/ButtonSecondary.vue";
 import LanguageSwitch from "../components/LanguageSwitch.vue";
+import { useAuthStore } from "@/stores/authStore";
 
 const logOff = () => {
-  router.push("/");
+  const authStore = useAuthStore();
+  authStore.logout();
 };
 </script>