const routes = [
  {
    path: '/',
    component: () => import('layouts/MainLayout.vue'),
    children: [
      { path: '', component: () => import('pages/IndexPage.vue') },
      { path: 'test_DartPicker', component: () => import('pages/test/testDartPickerPage.vue') },
      { path: 'test_NumbersPage', component: () => import('pages/test/testNumbersPage.vue') },
      { path: 'test_WebSpeechApi', component: () => import('pages/test/testWebSpeechApi.vue') },

      { path: 'user/username', component: () => import('pages/user/usernamePage.vue') },
      { path: '/user/settings', component: () => import('pages/user/userSettingsPage.vue') },

      { path: 'game', component: () => import('pages/game/gamePage.vue') },
      { path: 'game/select', component: () => import('pages/game/gameModeSelectPage.vue') },
      { path: 'game/local/create', component: () => import('pages/game/createLocalGamePage.vue') },
      { path: 'game/online/create', component: () => import('pages/game/createOnlineGamePage.vue') },
      { path: 'game/online/join', component: () => import('pages/game/joinOnlineGamePage.vue') },

      { path: 'error', component: () => import('pages/ErrorPage.vue') }
    ],
  },

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

export default routes