import {createRouter,createWebHashHistory} from 'vue-router'
const manage = ()=>import('@/views/ManageView.vue');
const editor = ()=>import('@/views/manage/EditorView.vue');
const home = ()=>import("@/views/HomeView.vue");
const recite = ()=>import('@/views/recite/ReciteView.vue');
const setlist = ()=>import('@/views/manage/SetListView.vue');
const newset = ()=>import('@/views/manage/NewSetView.vue');
const display = ()=>import('@/views/manage/DisplayView.vue');
const select = ()=>import('@/views/recite/SelectView.vue');
const manual = ()=>import('@/views/post/ManualView.vue');
const about = ()=>import('@/views/post/AboutView.vue');

const routes = [
    { path: '/', component: home },
    { path: '/select',component:select},
    { path:'/recite',component:recite},
    { path: '/manage', component: manage,
      children:[
        {path: '',component:setlist},
        {path: 'new',component:newset},
        {path: 'edit',component:editor},
        {path: 'show',component:display}
      ]},
      { path: '/manual',component:manual},
      { path: '/about',component:about},
  ]
  
export default createRouter({
    history: createWebHashHistory(),
    routes, 
})