separate routes from router definition

src/router/index.js

@@ -1,27 +1,9 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
-import Home from '../pages/Home.vue'
+import routes from './routes'
 
-Vue.use(VueRouter)
 
-const routes = [
-  {
-    name: 'home',
-    path: '/',
-    component: () => import(/* webpackChunkName: "node-map" */ '../pages/Map')
-  },
-  // {
-  //   name: 'map',
-  //   path: '/map',
-  //   component: () => import(/* webpackChunkName: "node-map" */ '../pages/Map')
-  // },
-  {
-    name: 'notfound',
-    path: '/404',
-    alias: '*',
-    component: () => import(/* webpackChunkName: "404" */ '../pages/NotFound.vue')
-  }
-]
+Vue.use(VueRouter)
 
 const router = new VueRouter({
   mode: 'history',

src/router/routes.js

@@ -0,0 +1,17 @@
+import Home from '@/pages/Home'
+
+
+export default [
+  {
+    name: 'home',
+    path: '/',
+    component: Home
+  },
+
+  {
+    name: 'notfound',
+    path: '/404',
+    alias: '*',
+    component: () => import(/* webpackChunkName: "404" */ '@/pages/NotFound.vue')
+  }
+]