im so tired rn

client/src/router/index.ts

@@ -1,13 +1,22 @@
 
-// generated by vue
 // the router creates front-end endpoints and serves pages to them
 
+import { createRouter, createWebHistory } from "vue-router";
+import UsersList from "../pages/UsersList.vue";
+import UserForm from "../pages/UserForm.vue";
+import index from "../pages/index.vue";
 
-import { createRouter, createWebHistory } from 'vue-router'
+// link path to the page component
+const routes = [
+  { path: "/", component: index },
+  { path: "/users", component: UsersList },
+  { path: "/user/new", component: UserForm },
+  { path: "/user/:id", component: UserForm }
+]; // I really like this
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [],
-})
+});
 
-export default router
+export default router;