feat: phase 1C JWT UI, events/hosts API, Vue frontend

frontend/src/router.ts

@@ -0,0 +1,25 @@
+import { createRouter, createWebHistory } from "vue-router";
+import { getToken } from "./api";
+import EventsView from "./views/EventsView.vue";
+import EventDetailView from "./views/EventDetailView.vue";
+import HostsView from "./views/HostsView.vue";
+import LoginView from "./views/LoginView.vue";
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    { path: "/", redirect: "/events" },
+    { path: "/login", component: LoginView },
+    { path: "/events", component: EventsView },
+    { path: "/events/:id", component: EventDetailView, props: true },
+    { path: "/hosts", component: HostsView },
+  ],
+});
+
+router.beforeEach((to) => {
+  if (to.path === "/login") return true;
+  if (!getToken()) return { path: "/login" };
+  return true;
+});
+
+export default router;