How to setup route?

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

                
// ------------------------------------------------------------------------
// File: src/router/MainRoutes.ts
// ------------------------------------------------------------------------
const MainRoutes = {
  path: '/',
  component: () => import('@/layouts/full/FullLayout.vue'),
  children: [
        {
            name: 'Modern',
            path: '/',
            component: () => import('@/views/dashboards/Modern.vue')
        },
        {
           name: 'Notes',
           path: '/apps/notes',
           component: () => import('../views/apps/notes/Notes.vue')
        },
        {
           name: 'Tickets',
           path: '/apps/tickets',
           component: () => import('../views/apps/tickets/Tickets.vue')
        },

          /* ***import rest of your Pages*** */
  ]
}




                

How to add a page to the sidebar?

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

const sidebarItem: menu[] = [
    { header: 'DASHBOARD' },
    {
      title: "Modern",
      icon: "home-smile-linear",
      to: "/",
      isPro: false,
   },
    {
      title: "eCommerce",
      icon: "bag-5-linear",
      to: "https://tailwindadmin-vuejs-main.netlify.app/dashboards/eCommerce",
      isPro: true,
  },
  {
      title: "Music",
      icon: "music-note-linear",
      to: "https://tailwindadmin-vuejs-main.netlify.app/dashboards/music",
      isPro: true,
  },
       
]