Update custom route example

Build and Router

examples/custom-routes/nuxt.config.js

@@ -1,8 +1,26 @@
 module.exports = {
   router: {
-    routes: [
+    // routes: [
-      { name: 'user', path: '/users/:id(\\d+)', component: 'pages/_user' }
+    //   { name: 'post-slug', path: ':slug(\\d+)' }
-    ]
+    // ],
+    routes: {
+      comments: {
+        _id: {
+          regexp: ':id(\\d+)',
+          generate: [1, 2, 3, 4] // Need to be finished on generate
+        }
+      },
+      three: {
+        _two: {
+          regexp: ':two(\\d+)',
+          one: {
+            _id: {
+              regexp: ':id(\\d+)'
+            }
+          }
+        }
+      }
+    }
   },
   build: {
     vendor: ['axios']

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

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

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

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

examples/custom-routes/pages/index.vue

@@ -2,23 +2,23 @@
   <div class="container">
     <h2>Users</h2>
     <ul class="users">
-      <li v-for="user in users">
+      <!-- <li v-for="user in users">
         <router-link :to="{ name: 'user', params: { id: user.id } }">{{ user.name }}</router-link>
-      </li>
+      </li> -->
     </ul>
   </div>
 </template>
 
 <script>
-import axios from 'axios'
+// import axios from 'axios'
 
 export default {
-  data () {
+  // data () {
-    return axios.get('https://jsonplaceholder.typicode.com/users')
+  //   return axios.get('https://jsonplaceholder.typicode.com/users')
-    .then((res) => {
+  //   .then((res) => {
-      return { users: res.data }
+  //     return { users: res.data }
-    })
+  //   })
-  }
+  // }
 }
 </script>
 

examples/custom-routes/pages/post.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    Post Layout
+    <router-view></router-view>
+  </div>
+</template>

examples/custom-routes/pages/post/_slug.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Post : slug
+  </div>
+</template>

examples/custom-routes/pages/three.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    Layout Three
+    <router-view></router-view>
+  </div>
+</template>

examples/custom-routes/pages/three/_two.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    Layout Two
+    <router-view></router-view>
+  </div>
+</template>

examples/custom-routes/pages/three/_two/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Layout Two Index    
+  </div>
+</template>

examples/custom-routes/pages/three/_two/one.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    Layout One
+    <router-view></router-view>
+  </div>
+</template>

examples/custom-routes/pages/three/_two/one/_id.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Layout One with Id
+  </div>
+</template>