Router defined. Added player component to router

frontend/App.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
     <h1>hello world</h1>
+
+    <router-view />
   </div>
 </template>

frontend/components/Player.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h1>Player</h1>
+  </div>
+</template>
+
+
+<script>
+</script>
+
+
+<style lang="scss" scoped>
+</style>

frontend/main.js

@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
-// import router from './routes'
+import router from './routes'
 // import store from './store'
 
 import App from './App.vue'
@@ -9,9 +9,8 @@ Vue.use(VueRouter)
 
 new Vue({
   el: '#app',
-  // router,
+  router,
   // store,
   components: { App },
-  // template: '<App />',
   render: h => h(App)
 })

frontend/routes.js

@@ -0,0 +1,26 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router';
+
+Vue.use(VueRouter)
+
+let routes = [
+  {
+    name: 'player',
+    path: '/player',
+    component: (resolve) => require(['./components/Player.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;