import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import bigscene from '../views/bigscene'
import map from '../views/map'
import picture from '../views/picture'

const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location) {
  return originalPush.call(this, location).catch(err => err)
}


Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/bigscene/:id',
    name: 'bigscene',
    component: bigscene
  },
  {
    path: '/map',
    name: 'map',
    component: map
  },
  {
    path: '/picture',
    name: 'picture',
    component: picture
  }
]

const router = new VueRouter({
  routes
})

export default router