From 8870c181d7a7ec94a79474b5f0e8c94bc80cffd7 Mon Sep 17 00:00:00 2001
From: Alexandre Chopin <wikeo65@gmail.com>
Date: Sun, 11 Dec 2016 02:44:40 +0100
Subject: [PATCH] Update custom route example

Build and Router
---
 examples/custom-routes/nuxt.config.js         | 24 ++++++++++++++++---
 .../custom-routes/{pages => old}/_user.vue    |  0
 examples/custom-routes/pages/comments/_id.vue |  5 ++++
 .../custom-routes/pages/comments/index.vue    |  5 ++++
 examples/custom-routes/pages/index.vue        | 18 +++++++-------
 examples/custom-routes/pages/post.vue         |  6 +++++
 examples/custom-routes/pages/post/_slug.vue   |  5 ++++
 examples/custom-routes/pages/three.vue        |  6 +++++
 examples/custom-routes/pages/three/_two.vue   |  6 +++++
 .../custom-routes/pages/three/_two/index.vue  |  5 ++++
 .../custom-routes/pages/three/_two/one.vue    |  6 +++++
 .../pages/three/_two/one/_id.vue              |  5 ++++
 12 files changed, 79 insertions(+), 12 deletions(-)
 rename examples/custom-routes/{pages => old}/_user.vue (100%)
 create mode 100644 examples/custom-routes/pages/comments/_id.vue
 create mode 100644 examples/custom-routes/pages/comments/index.vue
 create mode 100644 examples/custom-routes/pages/post.vue
 create mode 100644 examples/custom-routes/pages/post/_slug.vue
 create mode 100644 examples/custom-routes/pages/three.vue
 create mode 100644 examples/custom-routes/pages/three/_two.vue
 create mode 100644 examples/custom-routes/pages/three/_two/index.vue
 create mode 100644 examples/custom-routes/pages/three/_two/one.vue
 create mode 100644 examples/custom-routes/pages/three/_two/one/_id.vue

diff --git a/examples/custom-routes/nuxt.config.js b/examples/custom-routes/nuxt.config.js
index 9c26b5ff34..22a089e5e7 100644
--- a/examples/custom-routes/nuxt.config.js
+++ b/examples/custom-routes/nuxt.config.js
@@ -1,8 +1,26 @@
 module.exports = {
   router: {
-    routes: [
-      { name: 'user', path: '/users/:id(\\d+)', component: 'pages/_user' }
-    ]
+    // routes: [
+    //   { 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']
diff --git a/examples/custom-routes/pages/_user.vue b/examples/custom-routes/old/_user.vue
similarity index 100%
rename from examples/custom-routes/pages/_user.vue
rename to examples/custom-routes/old/_user.vue
diff --git a/examples/custom-routes/pages/comments/_id.vue b/examples/custom-routes/pages/comments/_id.vue
new file mode 100644
index 0000000000..847f8d1be8
--- /dev/null
+++ b/examples/custom-routes/pages/comments/_id.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Comments by Id
+  </div>
+</template>
diff --git a/examples/custom-routes/pages/comments/index.vue b/examples/custom-routes/pages/comments/index.vue
new file mode 100644
index 0000000000..b5ec94880d
--- /dev/null
+++ b/examples/custom-routes/pages/comments/index.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Comments list
+  </div>
+</template>
diff --git a/examples/custom-routes/pages/index.vue b/examples/custom-routes/pages/index.vue
index 0583d602b3..06a5e8b1c1 100644
--- a/examples/custom-routes/pages/index.vue
+++ b/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 () {
-    return axios.get('https://jsonplaceholder.typicode.com/users')
-    .then((res) => {
-      return { users: res.data }
-    })
-  }
+  // data () {
+  //   return axios.get('https://jsonplaceholder.typicode.com/users')
+  //   .then((res) => {
+  //     return { users: res.data }
+  //   })
+  // }
 }
 </script>
 
diff --git a/examples/custom-routes/pages/post.vue b/examples/custom-routes/pages/post.vue
new file mode 100644
index 0000000000..ec937ebfd2
--- /dev/null
+++ b/examples/custom-routes/pages/post.vue
@@ -0,0 +1,6 @@
+<template>
+  <div>
+    Post Layout
+    <router-view></router-view>
+  </div>
+</template>
diff --git a/examples/custom-routes/pages/post/_slug.vue b/examples/custom-routes/pages/post/_slug.vue
new file mode 100644
index 0000000000..66521230d8
--- /dev/null
+++ b/examples/custom-routes/pages/post/_slug.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Post : slug
+  </div>
+</template>
diff --git a/examples/custom-routes/pages/three.vue b/examples/custom-routes/pages/three.vue
new file mode 100644
index 0000000000..1bb1022bf9
--- /dev/null
+++ b/examples/custom-routes/pages/three.vue
@@ -0,0 +1,6 @@
+<template>
+  <div>
+    Layout Three
+    <router-view></router-view>
+  </div>
+</template>
diff --git a/examples/custom-routes/pages/three/_two.vue b/examples/custom-routes/pages/three/_two.vue
new file mode 100644
index 0000000000..247186c075
--- /dev/null
+++ b/examples/custom-routes/pages/three/_two.vue
@@ -0,0 +1,6 @@
+<template>
+  <div>
+    Layout Two
+    <router-view></router-view>
+  </div>
+</template>
diff --git a/examples/custom-routes/pages/three/_two/index.vue b/examples/custom-routes/pages/three/_two/index.vue
new file mode 100644
index 0000000000..00f7a054fe
--- /dev/null
+++ b/examples/custom-routes/pages/three/_two/index.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Layout Two Index    
+  </div>
+</template>
diff --git a/examples/custom-routes/pages/three/_two/one.vue b/examples/custom-routes/pages/three/_two/one.vue
new file mode 100644
index 0000000000..0237e9e92f
--- /dev/null
+++ b/examples/custom-routes/pages/three/_two/one.vue
@@ -0,0 +1,6 @@
+<template>
+  <div>
+    Layout One
+    <router-view></router-view>
+  </div>
+</template>
diff --git a/examples/custom-routes/pages/three/_two/one/_id.vue b/examples/custom-routes/pages/three/_two/one/_id.vue
new file mode 100644
index 0000000000..37b88bbdab
--- /dev/null
+++ b/examples/custom-routes/pages/three/_two/one/_id.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Layout One with Id
+  </div>
+</template>