auth: dodano guard ścieżek

src/mixins/useRouteGuard.ts

@@ -0,0 +1,30 @@
+import { computed, defineComponent, watch } from 'vue';
+import { useRouter } from 'vue-router';
+import { useStore } from '../store';
+import { AuthState } from '../types/types';
+
+export default () => {
+  const store = useStore();
+  const router = useRouter();
+
+  const routeAuthGuard = () => {
+    router.beforeEach(async (to, from, next) => {
+      if (store.authState == AuthState.AUTHORIZED && to.path == '/login') return next({ path: '/' });
+
+      return next();
+    });
+
+    watch(
+      computed(() => store.authState),
+      (state) => {
+        if (router.currentRoute.value.path == '/login' && state == AuthState.AUTHORIZED) router.push('/');
+        if (state == AuthState.UNAUTHORIZED) router.push('/login');
+      }
+    );
+  };
+
+  return {
+    routeAuthGuard,
+  };
+};
+