import Vue from 'vue'
import Router from 'vue-router'
import Home from './pages/Home.vue'

Vue.use(Router)

const routes = [{
  path: '/',
  name: 'home',
  component: Home,
  meta: {
    title: '加载中...'
  }
},
{
  path: '/index',
  name: 'index',
  component: () => import('./pages/index/index.vue'),
  meta: {
    title: '大赛介绍'
  }
},
{
  path: '/sign',
  name: 'sign',
  component: () => import('./pages/sign/index.vue'),
  meta: {
    title: '我要报名'
  }
},
{
  path: '/list',
  name: 'list',
  component: () => import('./pages/list/index.vue'),
  meta: {
    title: '人气评选'
  }
},
{
  path: '/welfare',
  name: 'welfare',
  component: () => import('./pages/welfare/index.vue'),
  meta: {
    title: '更多福利'
  }
},
{
  path: '/draw',
  name: 'draw',
  component: () => import('./pages/draw/index.vue'),
  meta: {
    title: '幸运抽奖'
  }
},
{
  path: '/prize',
  name: 'prize',
  component: () => import('./pages/prize/index.vue'),
  meta: {
    title: '我的奖品'
  }
}
]

// add route path
routes.forEach(route => {
  route.path = route.path || '/' + (route.name || '');
});

const router = new Router({
  routes
});

router.beforeEach((to, from, next) => {
  const title = to.meta && to.meta.title;
  if (title) {
    document.title = title;
  }
  next();
});

export default router;