1. How to setup route?

(Set the path in src/router/MainRoutes.ts.)

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

const MainRoutes = [
    {
        path: '/',
        meta: {
            requiresAuth: true
        },
        component: () => import('../layouts/full/FullLayout.vue'),
        children: [
            {
                path: '', // root `/`
                name: 'Modern',
                component: () => import('../views/dashboards/Modern.vue'),
            },
            {
                path: 'dashboards/eCommerce',
                name: 'ECommerce',
                component: () => import('../views/dashboards/Ecommerce.vue'),
            },
            {
                path: '/dashboards/general',
                name: 'General',
                component: () => import('../views/dashboards/General.vue'),
            },
            /* ***import rest of your Pages*** */
        ]
    }
]
                    
                

2. How to add page to vertical sidebar?

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

const sidebarItem: menu[] = [
    { header: 'DASHBOARD' },
    {
        title: 'Modern',
        icon: 'home-smile-linear',
        to: '/'
    },
    {
        title: 'eCommerce',
        icon: 'bag-5-linear',
        to: '/dashboards/ecommerce'
    },
    {
        title: 'General',
        icon: 'help-line-duotone',
        to: '/dashboards/general'
    },
       
]

                        


                

3. How to add page to horizontal sidebar ?

                
// ------------------------------------------------------------------------
// File: /src/layouts/full/horizontal-sidebar/horizontalItems.ts
// ------------------------------------------------------------------------
                        
const horizontalItems: menu[] = [
   {
        title: 'Dashboard',
        icon: 'solar:home-smile-outline',
        to: '#',
        children: [
            {
                title: 'Modern',
                icon:'solar:home-smile-linear',
                to: '/'
            },
            {
                title: 'eCommerce',
                icon: "solar:bag-5-linear",
                to: '/dashboards/ecommerce'
            },
            {
                title: 'General',
                icon: 'solar:chart-linear',
                to: '/dashboards/general'
            }
        ]
    },
]