import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

export default createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/',             component: HomeView,                                                     meta: { title: 'Dashboard' } },
    { path: '/tables',       component: () => import('../views/TableListView.vue'),       meta: { title: 'Table List' } },
    { path: '/typography',   component: () => import('../views/TypographyView.vue'),     meta: { title: 'Typography' } },
    { path: '/icons',        component: () => import('../views/IconsView.vue'),           meta: { title: 'Icons' } },
    { path: '/maps',         component: () => import('../views/MapsView.vue'),           meta: { title: 'Maps' } },
    { path: '/notifications',component: () => import('../views/NotificationsView.vue'),  meta: { title: 'Notifications' } },
    { path: '/profile',      component: () => import('../views/ProfileView.vue'),        meta: { title: 'Profile' } },
    { path: '/showcase',     component: () => import('../views/ShowcaseView.vue'),       meta: { title: 'Component Showcase' } },
  ],
})