import { createRouter, createWebHistory } from 'vue-router'
import TableView from '../views/TableView.vue'
import DatabaseView from '../views/DatabaseView.vue'
import AboutView from '../views/AboutView.vue'
import { useSessionStore } from "../stores/session";

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      redirect: '/table'
    },
    {
      path: '/table',
      name: 'table',
      component: TableView
    },
    {
      path: '/database',
      name: 'database',
      component: DatabaseView
    }
  ]
})

export default router


// router.beforeEach(async (to) => {
//   // redirect to login page if not logged in and trying to access a restricted page
//   const publicPages = ['/database'];
//   const authRequired = !publicPages.includes(to.path);
//   const auth = useSessionStore();

//   if (authRequired && !auth.session['id']) {
//       return '/database';
//   }
// });