text: import Vue from 'vue'
  import VueRouter from 'vue-router'
  
  Vue.use(VueRouter)
  
  // Route level code-splitting: separate chunks by name.[hash].js
  const routes = [
    {
      path: '/',
      name: 'shows',
      component: () =>
        import(
          /* webpackChunkName: "showslisting" */ '../views/ShowsListing.vue'
        ),
    },
    {
      path: '/show/:id',
      name: 'show',
      component: () =>
        import(/* webpackChunkName: "showdetail" */ '../views/ShowDetail.vue'),
      props: true,
    },
    {
      path: '/404',
      alias: '*',
      name: 'notFound',
      component: () =>
        import(/* webpackChunkName: "notfound" */ '../views/NotFound.vue'),
    },
  ]
  
  const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes,
    scrollBehavior() {
      return new Promise(resolve => {
        setTimeout(() => {
          resolve({ x: 0, y: 0 })
        }, 500)
      })
    },
  })
  
  export default router
  