@fy-/fws-vue 0.3.75 → 0.3.77

package/index.ts

@@ -11,7 +11,7 @@ import {
   isServerRendered,
 } from "./composables/ssr";
 import { useSeo } from "./composables/seo";
-import { useUserStore, useUserCheck } from "./stores/user";
+import { useUserStore, useUserCheck, useUserCheckAsync } from "./stores/user";
 import { ClientOnly } from "./components/ssr/ClientOnly";
 import {
   cropText,
@@ -110,6 +110,7 @@ export {
   useSeo,
   useUserStore,
   useUserCheck,
+  useUserCheckAsync,
   useRest,
 
   // Components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "0.3.75",
+  "version": "0.3.77",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "repository": {

package/stores/user.ts

@@ -47,6 +47,34 @@ export const useUserStore = defineStore({
   },
 });
 
+export async function useUserCheckAsync(path = "/login", redirectLink = false) {
+  const userStore = useUserStore();
+  await userStore.refreshUser();
+  const isAuth = computed(() => userStore.isAuth);
+  const router = useServerRouter();
+
+  const checkUser = (route: RouteLocation) => {
+    if (route.meta.reqLogin) {
+      if (!isAuth.value) {
+        if (!redirectLink) router.push(path);
+        else {
+          router.status = 307;
+          router.push(`${path}?return_to=${route.path}`);
+        }
+      }
+    }
+  };
+
+  router._router.afterEach(async () => {
+    await userStore.refreshUser();
+  });
+  router._router.beforeEach((to: any) => {
+    if (to.fullPath != path) {
+      checkUser(to);
+    }
+  });
+}
+
 export function useUserCheck(path = "/login", redirectLink = false) {
   const userStore = useUserStore();
   const isAuth = computed(() => userStore.isAuth);