improved subNav for matches

src/router/index.js

@@ -12,23 +12,36 @@ const routes = [
   {
     path: '/',
     name: 'Home',
-    component: lazyLoadView('Home')
+    components: {
+      main: lazyLoadView('Home')
+    }
+  },
+  {
+    path: '/explore',
+    name: 'Explore',
+    components: {
+      main: lazyLoadView('Explore')
+    }
   },
   {
     path: '/player/:id',
     name: 'Player',
-    component: lazyLoadView('Player'),
+    components: {
+      main: lazyLoadView('Player'),
+    },
     props: true
   },
   {
     path: '/match/:match_id',
     name: 'Match',
-    component: lazyLoadView('Match'),
+    // redirect: '/match/:match_id/overview',
+    components: {
+      main: lazyLoadView('Match')
+    },
     props: true,
     children: [
       {
-        path: '',
-        alias: '/match/:match_id',
+        path: 'overview',
         components: {
           score: lazyLoadComponent('ScoreTeam')
         }
@@ -59,12 +72,6 @@ const routes = [
       }
     ]
   },
-  {
-    path: '/explore',
-    name: 'Explore',
-    component: lazyLoadView('Explore'),
-    props: true
-  },
   {
     path: '/:pathMatch(.*)*',
     redirect: '/'