no message

src/router/routes.ts

 import { RouteRecordRaw } from 'vue-router'
 const MainLayout = ()=>import('layouts/MainLayout.vue') 
+const Index = ()=>import('pages/Index.vue') 
 const HotelList = ()=>import('pages/hotel/HotelList.vue')
 const HotelOrder = ()=>import('pages/hotel/HotelOrder.vue') 
 const ModifyHotelOrder = ()=>import('pages/hotel/ModifyHotelOrder.vue')
@@ -12,9 +13,9 @@ const Error404 = ()=>import('pages/Error404.vue')
 const routes: RouteRecordRaw[] = [
   {
     path: '/index',
-    component: () => import('layouts/MainLayout.vue'),
+    component: MainLayout,
     children: [
-      { path: '', component: MainLayout },
+      { path: '', component: Index },
       { path: '/hotel', component: HotelList },
       { path: '/hotel/order/:orderId?', component: HotelOrder },
       { path: '/hotel/modify/:orderId', component: ModifyHotelOrder },