import type { RouteRecordRaw } from 'vue-router'
import { Layout } from '@/components/commons/layout'
import * as Pages from '@/views'

export const routes: RouteRecordRaw[] = [
  {
    path: '/auth',
    name: 'auth',
    component: Pages.AuthPage,
    meta: { requiresAuth: false },
  },
  {
    path: '/',
    component: Layout,
    meta: { requiresAuth: true },
    children: [
      // { path: '/home', name: 'home', component: Pages.HomePage },
      { path: '/wallet', name: 'wallet', component: Pages.WalletPage },
      // { path: '/history', name: 'history', component: () => import('@/views/HistoryView.vue') },
      // { path: '/settings', name: 'settings', component: () => import('@/views/SettingsView.vue') },
    ],
  },
  {
    path: '/:pathMatch(.*)*',
    name: 'not-found',
    component: () => import('@/views/NotFoundView.vue'),
  },
]
