import { createMemoryHistory, createRouter } from 'vue-router';

const stub = { render: () => null };

// Mirrors the named routes in src/router/index.js so RouterLink resolution
// works in isolated stories without importing the real app router/guards.
export const storybookRouter = createRouter({
  history: createMemoryHistory(),
  routes: [
    { path: '/', name: 'catalog', component: stub },
    { path: '/listings/:id', name: 'listing-detail', component: stub },
    { path: '/products/:slug', name: 'product-detail', component: stub },
    { path: '/login', name: 'login', component: stub },
    { path: '/admin', name: 'admin-home', component: stub },
    { path: '/admin/inventory/:id/images', name: 'admin-image-manager', component: stub },
    { path: '/admin/inventory', name: 'admin-inventory', component: stub },
    { path: '/admin/listings', name: 'admin-listings', component: stub },
    { path: '/admin/sales', name: 'admin-sales', component: stub },
    { path: '/admin/acquisitions', name: 'admin-acquisitions', component: stub },
    { path: '/admin/settings', name: 'admin-settings', component: stub },
    { path: '/admin/saved-views', name: 'admin-saved-views', component: stub },
    { path: '/:pathMatch(.*)*', name: 'storybook-catch-all', component: stub },
  ],
});