feat: basic framework

src/router/index.ts

@@ -0,0 +1,72 @@
+import {
+  createRouter,
+  createWebHistory,
+  type RouteRecordRaw,
+} from "vue-router";
+
+/**
+ * Convert PascalCase to kebab-case and remove 'Page' suffix
+ * @param name PascalCase name (e.g., AboutMePage)
+ * @returns kebab-case path (e.g., about-me)
+ */
+function formatPathFromComponentName(name: string): string {
+  // Remove .vue extension if present
+  const baseName = name.endsWith(".vue") ? name.slice(0, -4) : name;
+
+  // Remove Page suffix if present
+  const withoutPageSuffix = baseName.endsWith("Page")
+    ? baseName.slice(0, -4)
+    : baseName;
+
+  // Convert PascalCase to kebab-case
+  return withoutPageSuffix
+    .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
+    .replace(/([A-Z])([A-Z][a-z])/g, "$1-$2")
+    .toLowerCase();
+}
+
+/**
+ * Extract component name from file path
+ * @param filePath Path to the component file
+ * @returns Component name without extension
+ */
+function getComponentNameFromPath(filePath: string): string {
+  // Get the file name from the path
+  return filePath.split("/").pop() || "";
+}
+
+/**
+ * Generate routes from page components using Vite's import.meta.glob
+ * @returns Array of route configurations
+ */
+function generateRoutesFromPages(): RouteRecordRaw[] {
+  const routes: RouteRecordRaw[] = [];
+
+  const pages = import.meta.glob("@/pages/**/*.vue");
+
+  for (const path in pages) {
+    const componentName = getComponentNameFromPath(path);
+    const routePath = `/${formatPathFromComponentName(componentName)}`;
+
+    // Special case for home page
+    const finalPath = routePath.toLowerCase() === "/home" ? "/" : routePath;
+
+    routes.push({
+      path: finalPath,
+      name: componentName,
+      component: pages[path],
+    });
+  }
+
+  return routes;
+}
+
+// Generate routes from pages directory
+const routes: RouteRecordRaw[] = generateRoutesFromPages();
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+});
+
+export default router;