@fy-/fws-vue 0.9.1 → 0.9.3

package/components/ui/DefaultGallery.vue

@@ -348,7 +348,7 @@ onUnmounted(() => {
               class="grid gap-4 items-start relative"
               v-if="i + (1 % gridHeight) == 0"
             >
-              <div v-if="ranking" class="img-gallery-ranking">#{{ i }}</div>
+              <div v-if="ranking" class="img-gallery-ranking">{{ i }}</div>
 
               <template v-for="j in gridHeight" :key="`gi_${id}_${i + j}`">
                 <div>
@@ -372,7 +372,7 @@ onUnmounted(() => {
             </div>
           </template>
           <div class="relative" v-else>
-            <div v-if="ranking" class="img-gallery-ranking">#{{ i }}</div>
+            <div v-if="ranking" class="img-gallery-ranking">{{ i }}</div>
             <img
               @click="$eventBus.emit(`${id}GalleryImage`, i - 1)"
               class="h-auto max-w-full rounded-lg cursor-pointer"

package/index.ts

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

package/package.json

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

package/stores/user.ts

@@ -48,6 +48,35 @@ export const useUserStore = defineStore({
   },
 });
 
+export async function useUserCheckAsyncSimple(
+  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}`);
+        }
+      }
+    }
+  };
+  checkUser(router.currentRoute);
+
+  router._router.beforeEach((to: any) => {
+    if (to.fullPath != path) {
+      checkUser(to);
+    }
+  });
+}
+
 export async function useUserCheckAsync(path = "/login", redirectLink = false) {
   const userStore = useUserStore();
   await userStore.refreshUser();