45 lines
2.3 KiB
JavaScript
45 lines
2.3 KiB
JavaScript
|
import { createRouter, createWebHashHistory } from 'vue-router'
|
||
|
|
|
||
|
|
// Lazy-loaded route components
|
||
|
|
const LoginPage = () => import('@/components/LoginPage.vue')
|
||
|
|
const RecipesPage = () => import('@/components/recipes/RecipesPage.vue')
|
||
|
|
const MealPlanPage = () => import('@/components/meals/MealPlanPage.vue')
|
||
|
|
const MyShoppingPage = () => import('@/components/shopping/MyShoppingPage.vue')
|
||
|
|
const PurchasedShoppingListPage = () => import('@/components/shopping/PurchasedShoppingListPage.vue')
|
||
|
|
const CurrentShoppingListPage = () => import('@/components/shopping/CurrentShoppingListPage.vue')
|
||
|
|
const EditMealPage = () => import('@/components/meals/EditMealPage.vue')
|
||
|
|
const EditRecipePage = () => import('@/components/recipes/EditRecipePage.vue')
|
||
|
|
|
||
|
|
export function createAppRouter(getCurrentUser) {
|
||
|
|
const routes = [
|
||
|
|
{ path: '/', redirect: { name: 'mealplan' } },
|
||
|
|
{ path: '/login', name: 'login', component: LoginPage },
|
||
|
|
{ path: '/mealplan', name: 'mealplan', component: MealPlanPage, meta: { requiresAuth: true } },
|
||
|
|
{ path: '/shopping', name: 'shopping', component: MyShoppingPage, meta: { requiresAuth: true } },
|
||
|
|
{ path: '/shopping/current', name: 'shopping-current', component: CurrentShoppingListPage, meta: { requiresAuth: true } },
|
||
|
|
{ path: '/shopping/:id', name: 'shopping-list', component: PurchasedShoppingListPage, props: true, meta: { requiresAuth: true } },
|
||
|
|
{ path: '/recipes', name: 'recipes', component: RecipesPage, meta: { requiresAuth: true } },
|
||
|
|
{ path: '/recipes/add', name: 'recipe-add', component: EditRecipePage, meta: { requiresAuth: true } },
|
||
|
|
{ path: '/recipes/:id', name: 'recipe-edit', component: EditRecipePage, props: true, meta: { requiresAuth: true } },
|
||
|
|
{ path: '/meals/add', name: 'meal-add', component: EditMealPage, meta: { requiresAuth: true } },
|
||
|
|
{ path: '/meals/:id', name: 'meal-edit', component: EditMealPage, props: true, meta: { requiresAuth: true } },
|
||
|
|
]
|
||
|
|
|
||
|
|
const router = createRouter({
|
||
|
|
history: createWebHashHistory(),
|
||
|
|
routes,
|
||
|
|
})
|
||
|
|
|
||
|
|
// Simple auth guard using provided getter
|
||
|
|
router.beforeEach(async (to) => {
|
||
|
|
if (!to.meta.requiresAuth) return true
|
||
|
|
try {
|
||
|
|
const user = await getCurrentUser()
|
||
|
|
if (user) return true
|
||
|
|
} catch (_) { /* ignore */ }
|
||
|
|
return { name: 'login', query: { redirect: to.fullPath } }
|
||
|
|
})
|
||
|
|
|
||
|
|
return router
|
||
|
|
}
|