73 lines
1.8 KiB
TypeScript
73 lines
1.8 KiB
TypeScript
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;
|