scoop position nested routes

examples/custom-routes/pages/comments/index.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>
-    Comments list
-  </div>
-</template>

examples/custom-routes/pages/posts/_slug/comments.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="container">
+    Comments only
+  </div>
+</template>

examples/custom-routes/pages/users/_id.vue

@@ -1,9 +1,10 @@
 <template>
-  <div class="user">
+  <div class="container">
+    <h2>User</h2>
     <h3>{{ name }}</h3>
     <h4>@{{ username }}</h4>
     <p>Email : {{ email }}</p>
-    <p><router-link to="/">List of users</router-link></p>
+    <p><router-link to="/users">List of users</router-link></p>
   </div>
 </template>
 
@@ -22,9 +23,14 @@ export default {
 </script>
 
 <style scoped>
-.user {
+.container
+{
+  text-align: center;
+  overflow: hidden;
+}
+/*.user {
   text-align: center;
   margin-top: 100px;
   font-family: sans-serif;
-}
+}*/
 </style>

lib/app/router.js

@@ -16,7 +16,6 @@ function recursiveRoutes(routes, tab) {
     res += tab + '\tcomponent: ' + route._name
     res += (route.name) ? ',\n\t' + tab + 'name: ' + JSON.stringify(route.name) : ''
     res += (route.alias) ? ',\n\t' + tab + 'alias: ' + JSON.stringify(route.alias) : ''
-    res += (route.redirect) ? ',\n\t' + tab + 'redirect: ' + JSON.stringify(route.redirect) : ''
     res += (route.meta) ? ',\n\t' + tab + 'meta: ' + JSON.stringify(route.meta) : ''
     res += (route.children) ? ',\n\t' + tab + 'children: [\n' + recursiveRoutes(routes[i].children, tab + '\t\t') + '\n\t' + tab + ']' : ''
     res += '\n' + tab + '}' + (i + 1 === routes.length ? '' : ',\n')
@@ -33,8 +32,11 @@ const scrollBehavior = (to, from, savedPosition) => {
     // savedPosition is only available for popstate navigations.
     return savedPosition
   } else {
-    // Scroll to the top by default
+    let position = {}
-    let position = { x: 0, y: 0 }
+    // if no children detected
+    if (to.matched.length < 2) {
+      position = { x: 0, y: 0 }
+    }
     // if link has anchor,  scroll to anchor by returning the selector
     if (to.hash) {
       position = { selector: to.hash }