text: import DashboardLayout from '@/pages/Layout/DashboardLayout.vue'
  
  import Dashboard from '@/pages/Dashboard.vue'
  import UserProfile from '@/pages/UserProfile.vue'
  import TableList from '@/pages/TableList.vue'
  import Typography from '@/pages/Typography.vue'
  import Icons from '@/pages/Icons.vue'
  import Maps from '@/pages/Maps.vue'
  import Notifications from '@/pages/Notifications.vue'
  import AddForm from '@/pages/AddForm.vue'
  import EmpInfo from '@/pages/EmpInfo.vue'
  
  const routes = [
    {
      path: '/',
      component: DashboardLayout,
      redirect: '/dashboard',
      children: [
        {
          path: 'dashboard',
          name: 'Dashboard',
          component: Dashboard
        },
        {
          path: 'user',
          name: 'User Profile',
          component: UserProfile
        },
        {
          path: 'form',
          name: 'AddForm',
          component: AddForm
        },
        {
          path: 'empInfo',
          name: 'EmpInfo',
          component: EmpInfo
        },
        {
          path: 'table',
          name: 'Table List',
          component: TableList
        },
        {
          path: 'typography',
          name: 'Typography',
          component: Typography
        },
        {
          path: 'icons',
          name: 'Icons',
          component: Icons
        },
        {
          path: 'maps',
          name: 'Maps',
          meta: {
            hideFooter: true
          },
          component: Maps
  
        },
        {
          path: 'notifications',
          name: 'Notifications',
          component: Notifications
        }
      ]
    }
  ]
  
  export default routes
  