const routes = [
  {
    path: '/',
    component: () => import('layouts/MainLayout.vue'),
    children: [
      { path: '', component: () => import('pages/IndexPage.vue') },
      {
        path: 'login',
        name: 'login',
        component: () => import('pages/LoginPage.vue'),
      },
      {
        path: 'sign-up',
        name: 'sign-up',
        component: () => import('pages/SignUpPage.vue'),
      },
      {
        path: 'password-reset',
        name: 'password-reset',
        component: () => import('pages/PasswordResetPage.vue'),
      },
      { 
        path: 'wave', 
        name: 'wave',
        component: () => import('pages/WavePage.vue') 
      },
      {
        path: 'edit/:id?',
        name: 'edit',
        component: () => import('pages/EditPage.vue')
      },
    ],
  },

  // Always leave this as last one
  {
    path: '/:catchAll(.*)*',
    component: () => import('pages/ErrorNotFound.vue'),
  },
]

export default routes
