import Vue from "vue";
import VueRouter from "vue-router";

Vue.use(VueRouter);

let routes = [
  {
    name: "player",
    path: "/player",
    component: resolve => require(["./components/player/Player.vue"], resolve)
  },
  {
    name: "styleguide",
    path: "/styleguide",
    component: resolve => require(["./components/Styleguide.vue"], resolve)
  },

  {
    name: "playlist",
    path: "/playlist",
    component: resolve =>
      require(["./components/playlist/Playlist.vue"], resolve)
  },
  {
    name: "channel",
    path: "/channel",
    component: resolve => require(["./components/Channel.vue"], resolve)
  }
  // {
  //   name: '404',
  //   path: '/404',
  //   component: (resolve) => require(['./components/404.vue'], resolve)
  // }
];

const router = new VueRouter({
  mode: "hash",
  base: "/",
  routes,
  linkActiveClass: "is-active"
});

export default router;