Routing

1. How to add a new route ?

                            
// ----------------------------------------------------
// File: src/router/MainRoutes.ts
// ----------------------------------------------------

const MainRoutes = {
  path: '/main',
  meta: {
      requiresAuth: true
  },
  redirect: '/main',
  component: () => import('@/layouts/full/FullLayout.vue'),
  children: [
      {
          name: 'Dashboard1',
          path: '/dashboards/dashboard1',
          component: () => import('@/views/dashboard/dashboard1/index.vue')
      },
  ]
}

2. How to add page to vertical sidebar ?

                            
// ------------------------------------------------------------
// File: /src/layouts/full/vertical-sidebar/sidebarItem.ts
// ------------------------------------------------------------

const sidebarItem: menu[] = [
  { header: 'Personal' },
  {
      title: 'General',
      icon: 'screencast-2-linear',
      to: '/dashboards/general'
  },
  {
      title: 'Classic',
      icon: 'atom-linear',
      to: '/dashboards/classic'
  },
  {
      title: 'Analytical',
      icon: 'box-minimalistic-linear',
      to: '/dashboards/analytical'
  },
  {
      title: 'Campaign',
      icon: 'buildings-2-linear',
      to: '/dashboards/campaign'
  },
  {
      title: 'Modern',
      icon: 'basketball-linear',
      to: '/dashboards/modern'
  },
  {
      title: 'eCommerce',
      icon: 'cart-large-2-linear',
      to: '/dashboards/ecommerce'
  },
]

3. How to add page to horizontal sidebar ?

                            
// ------------------------------------------------------------
// File: /src/layouts/full/horizontal-sidebar/horizontalItems.ts
// ------------------------------------------------------------

const horizontalItems: menu[] = [
    {
        title: 'Dashboard',
        icon: 'layers-line-duotone',
        to: '#',
        children: [
            {
                title: 'General',
                icon: CircleDotIcon,
                to: '/dashboards/general'
            },
            {
                title: 'Classic',
                icon: CircleDotIcon,
                to: '/dashboards/classic'
            },
            {
                title: 'Analytical',
                icon: CircleDotIcon,
                to: '/dashboards/analytical'
            },
            {
                title: 'Campaign',
                icon: CircleDotIcon,
                to: '/dashboards/campaign'
            },
            {
                title: 'Modern',
                icon: CircleDotIcon,
                to: '/dashboards/modern'
            },
            {
                title: 'eCommerce',
                icon: CircleDotIcon,
                to: '/dashboards/ecommerce'
            },
        ]
    },
]