init

src/router/index.ts

@@ -0,0 +1,75 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import ProfileView from '@/views/users/ProfileView.vue'
+import { issuesRoutes } from '@/router/issues.ts'
+import { reportsRoutes } from '@/router/reports.ts'
+import { summaryRoutes } from '@/router/summary.ts'
+import HomeView from '@/views/HomeView.vue'
+import VerifyEmailView from '@/views/users/VerifyEmailView.vue'
+import SignUpView from '@/views/users/SignUpView.vue'
+import SignInView from '@/views/users/SignInView.vue'
+import { authClient } from '@/lib/auth-client.ts'
+import { gamesRoutes } from '@/router/games.ts'
+import { settingsRoutes } from '@/router/settings.ts'
+
+declare module 'vue-router' {
+  interface RouteMeta {
+    layout?: 'Blank' | 'Default'
+  }
+}
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/',
+      component: HomeView,
+      meta: { layout: 'Default' },
+    },
+    {
+      name: 'sign-in',
+      path: '/sign-in',
+      component: SignInView,
+    },
+    {
+      path: '/sign-up',
+      component: SignUpView,
+    },
+    {
+      path: '/verify-email',
+      component: VerifyEmailView,
+    },
+    {
+      path: '/profile',
+      component: ProfileView,
+      meta: { requiresAuth: true },
+    },
+    issuesRoutes,
+    summaryRoutes,
+    reportsRoutes,
+    gamesRoutes,
+    settingsRoutes,
+  ],
+})
+
+router.beforeEach(async (to, from) => {
+  // 1. Fetch the current session from Better Auth
+  const { data: session } = await authClient.getSession()
+
+  // console.log('before each ', { session })
+  // const session = 'true'
+  const isAuthenticated = !!session
+
+  // 2. If the route requires auth and user is missing, redirect to login
+  if (to.meta.requiresAuth && !isAuthenticated) {
+    return { name: 'sign-in', query: { redirect: to.fullPath } }
+  }
+
+  // 3. If route requires a guest (like Login page) and user is logged in, redirect to dashboard
+  if (to.meta.requiresGuest && isAuthenticated) {
+    return { name: 'dashboard' }
+  }
+
+  // Implicitly returns undefined / true to allow navigation if conditions don't match
+})
+
+export default router