import Vue from 'vue';
import Router from 'vue-router';
import concat from 'lodash/concat';
import Home from '@/views/Home.vue';
import { TITLE } from '@/views/common/constant';

Vue.use(Router);

// 动态路由管理
export const importDemoRouters = () => {
  const rq = require.context('@/routers', true, /\.routers\.ts$/);
  return rq.keys().map((key) => rq(key).default);
};

export default new Router({
  mode: 'history',
  // base: process.env.NODE_ENV === 'development' ? '/' : '/water/',
  routes: [
    {
      path: '',
      name: 'Home',
      meta: {
        title: 'Water - 一个前端 UI 工具',
      },
      component: Home,
    },
    {
      path: '/',
      name: 'Index',
      // redirect: { name: 'Agreement' },
      children: concat(
        [
          {
            path: '/agreement',
            name: 'Agreement',
            meta: {
              title: TITLE.Agreement,
            },
            component: () =>
              import(
                /* webpackChunkName: "agreement" */ '@/views/Agreement.vue'
              ),
          },
          {
            path: '/start',
            name: 'Start',
            meta: {
              title: TITLE.Start,
            },
            component: () =>
              import(/* webpackChunkName: "start" */ '@/views/Start.vue'),
          },
          {
            path: '/log',
            name: 'Log',
            meta: {
              title: TITLE.Log,
            },
            component: () =>
              import(/* webpackChunkName: "log" */ '@/views/Log.vue'),
          },
        ],
        ...importDemoRouters()
      ),
      component: () =>
        import(/* webpackChunkName: "index" */ '@/views/Index.vue'),
    },
  ],
});