text: 
  const routes = [
    {
      path: '/',
      component: () => import('layouts/MainLayout.vue'),
      children: [
        { path: '', component: () => import('pages/Index.vue') }
      ]
    },
    {
      path: '/registro',
      component: () => import('layouts/MainLayout.vue'),
      children: [
        { path: '', component: () => import('pages/Registro.vue') }
      ]
    },
    {
      path: '/about',
      component: () => import('layouts/MainLayout.vue'),
      children: [
        { path: '', component: () => import('pages/About.vue') }
      ]
    },
    {
      path: '/inicio',
      component: () => import('layouts/MainLayout.vue'),
      children: [
        { path: '', component: () => import('pages/Inicio.vue') }
      ]
    },
    {
      path: '/notes',
      component: () => import('layouts/MainLayout.vue'),
      children: [
        { path: '', component: () => import('pages/Notes.vue') }
      ]
    },
    // Always leave this as last one,
    // but you can also remove it
    {
      path: '/:catchAll(.*)*',
      component: () => import('pages/Error404.vue')
    }
  ]
  
  export default routes
  