Move Router to router.ts

LegacyTemplates · Aug 12, 2018 · d28aafe · d28aafe
1 parent 5327323
commit d28aafe
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 32 deletions.
diff --git a/MyApp/src/main.ts b/MyApp/src/main.ts
@@ -6,26 +6,10 @@ import 'es6-shim';
 
 import Vue from 'vue';
 import './plugins/vuetify';
-import Router from 'vue-router';
 import App from './App.vue';
-import Home from './home/Home.vue';
-import View1 from './view1/View1.vue';
-import View2 from './view2/View2.vue';
 
-const routes = [
-  { path: '/', component: Home, props: { name: 'Vue' } },
-  { path: '/view1', component: View1 },
-  { path: '/view2', component: View2 },
-  { path: '*', redirect: '/' },
-];
+import router from './router';
 
-const router = new Router ({
-    mode: 'history',
-    linkActiveClass: 'active',
-    routes,
-});
-
-Vue.use(Router);
 const app = new Vue({
     el: '#app',
     render: (h) => h(App),

diff --git a/MyApp/src/router.ts b/MyApp/src/router.ts
@@ -1,21 +1,21 @@
 import Vue from 'vue';
 import Router from 'vue-router';
-import Home from './views/Home.vue';
-import About from './views/About.vue';
+
+import Home from './home/Home.vue';
+import View1 from './view1/View1.vue';
+import View2 from './view2/View2.vue';
 
 Vue.use(Router);
 
-export default new Router({
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: Home,
-    },
-    {
-      path: '/about',
-      name: 'about',
-      component: About,
-    },
-  ],
+const routes = [
+  { path: '/', component: Home, props: { name: 'Vue' } },
+  { path: '/view1', component: View1 },
+  { path: '/view2', component: View2 },
+  { path: '*', redirect: '/' },
+];
+
+export default new Router ({
+    mode: 'history',
+    linkActiveClass: 'active',
+    routes,
 });