/* routes.js */

import Home from './components/Home'
import Users from './components/users/User'
import UserDetail from './components/users/UserDetail'

export const routes = [
        { path:'/',name:'home',component: Home},
        { path:'/users',name:'users',component: Users },
        { path:'/user-detail',name:'user-detail',component: UserDetail}
]

/* main.js */

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import { routes } from './routes'
export const eventBus = new Vue();

Vue.use(VueRouter)

const router = new VueRouter({
  mode:'history',
  routes
})

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})