import { createWebHistory, createRouter } from "vue-router";

// import App from "../App.vue";
import login from "../Login.vue"
import MyPage from './main/MyPage.vue';
import MyPlan from './main/MyPlan.vue';
import Dashboard from './main/Dashboard.vue';
import Main from "./main/Main.vue";
import Chapter1 from "./main/Chapter/Chapter1.vue";
import Chapter1_1 from "./main/Chapter/Chapter1_1.vue";
import Chapter1_2 from "./main/Chapter/Chapter1_2.vue";
import Chapter1_3 from "./main/Chapter/Chapter1_3.vue";
import Chapter2 from "./main/Chapter/Chapter2.vue";
import Chapter3 from "./main/Chapter/Chapter3.vue";
import Chapter4 from "./main/Chapter/Chapter4.vue";
import Chapter5 from "./main/Chapter/Chapter5.vue";
import Chapter6 from "./main/Chapter/Chapter6.vue";
import Chapter7 from "./main/Chapter/Chapter7.vue";
import Chapter8 from "./main/Chapter/Chapter8.vue";
import Chapter9 from "./main/Chapter/Chapter9.vue";
import Chapter10 from "./main/Chapter/Chapter10.vue";
import Chapter11 from "./main/Chapter/Chapter11.vue";

import Main_p from "./parents/Main_p.vue";

import Main_t from "./teacher/Main_t.vue";

const routes = [
    { path: '/login.page', name: 'login', component: login},
    // { path: '/App.page', name: 'App', component: App,
    //     children:[
        
          
    //     ]
    // },
    // { path: '/Main.page', name: 'Main', component: Main},
    /* 학생 */
    { path: '/', 
    name: 'Main', 
    component: Main,
    children:[
        { path: '/Dashboard.page', name: 'Dashboard', component: Dashboard},        
    { path: '/MyPage.page', name: 'MyPage', component: MyPage},
    { path: '/MyPlan.page', name: 'MyPlan', component: MyPlan},
    ]
},
{ path: '/Chapter1.page', name: 'Chapter1', component: Chapter1},
{ path: '/Chapter1_1.page', name: 'Chapter1_1', component: Chapter1_1},
{ path: '/Chapter1_2.page', name: 'Chapter1_2', component: Chapter1_2},
{ path: '/Chapter1_3.page', name: 'Chapter1_3', component: Chapter1_3},
    { path: '/Chapter2.page', name: 'Chapter2', component: Chapter2},
    { path: '/Chapter3.page', name: 'Chapter3', component: Chapter3},
    { path: '/Chapter4.page', name: 'Chapter4', component: Chapter4},
    { path: '/Chapter5.page', name: 'Chapter5', component: Chapter5},
    { path: '/Chapter6.page', name: 'Chapter6', component: Chapter6},
    { path: '/Chapter7.page', name: 'Chapter7', component: Chapter7},
    { path: '/Chapter8.page', name: 'Chapter8', component: Chapter8},
    { path: '/Chapter9.page', name: 'Chapter9', component: Chapter9},
    { path: '/Chapter10.page', name: 'Chapter10', component: Chapter10},
    { path: '/Chapter11.page', name: 'Chapter11', component: Chapter11},

   /* 부모님 */
   { path: '/Main_p.page', name: 'Main_p', component: Main_p},
   /* 선생님 */
   { path: '/Main_t.page', name: 'Main_t', component: Main_t},
];

const AppRouter = createRouter({
    history: createWebHistory(),
    routes,
});

export default AppRouter;