import Vue from 'vue'
import Router from 'vue-router'
import Index from './pages/index/index.vue'

Vue.use(Router)

const routes = [{
    path: '/',
    name: 'index',
    component: Index,
    meta: {
      title: ''
    }
  },
  {
    path: '/product/detail',
    name: 'productDetail',
    component: () => import('./pages/product-detail/product-detail.vue'),
    meta: {
      title: ''
    }
  },
  {
    path: '/shop/detail',
    name: 'shopDetail',
    component: () => import('./pages/shop-detail/shop-detail.vue'),
    meta: {
      title: ''
    }
  },
  {
    path: '/favorite',
    name: 'favorite',
    component: () => import('./pages/favorite/favorite.vue'),
    meta: {
      title: ''
    }
  },
  {
    path: '/demo',
    name: 'demo',
    component: () => import('./pages/demo/demo.vue'),
    meta: {
      title: ''
    }
  },
  {
    path: '/about',
    name: 'about',
    component: () => import('./pages/About.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;