import { createRouter, createWebHashHistory } from 'vue-router'

const routes = [
  {
    path: '/',
    component: () => import('layouts/PortalLayout.vue'),
    children: [
      { path: '', name: 'dashboard', component: () => import('pages/DashboardPage.vue') },
      { path: 'invoices', name: 'invoices', component: () => import('pages/InvoicesPage.vue') },
      { path: 'invoices/:name', name: 'invoice-detail', component: () => import('pages/InvoiceDetailPage.vue') },
      { path: 'tickets', name: 'tickets', component: () => import('pages/TicketsPage.vue') },
      { path: 'tickets/:name', name: 'ticket-detail', component: () => import('pages/TicketDetailPage.vue') },
      { path: 'messages', name: 'messages', component: () => import('pages/MessagesPage.vue') },
      { path: 'me', name: 'account', component: () => import('pages/AccountPage.vue') },
    ],
  },
]

export default createRouter({
  history: createWebHashHistory(process.env.VUE_ROUTER_BASE),
  routes,
})