added content navigation example

examples/content-navigation/nuxtent.config.js

@@ -1,7 +1,16 @@
 module.exports = {
   content: {
-    routeName: "slug",
     permalink: ":slug",
-    isPost: false
+    isPost: false,
+    routes: [
+      {
+        name: "guide-slug",
+        method: "get"
+      },
+      {
+        name: "guide",
+        method: "getAll"
+      }
+    ]
   }
 }

examples/content-navigation/package.json

@@ -7,13 +7,13 @@
   "dependencies": {
     "@nuxtjs/axios": "^2.2.1",
     "nuxt": "^1.0.0-alpha.4",
-    "nuxtent": "file:../.."
+    "nuxtent": "^0.2.34"
   },
   "scripts": {
     "dev": "nuxt",
     "build": "nuxt build",
     "start": "nuxt start",
-    "generate": "nuxt generate",
+    "generate": "IS_STATIC=true nuxt generate",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
     "precommit": "npm run lint"
   },

examples/content-navigation/pages/guide.vue

@@ -0,0 +1,26 @@
+<template>
+<div>
+  <h1>Nuxtent TOC</h1>
+  <ul>
+    <li v-for="lesson in lessons">
+      <nuxt-link :to="'/guide' + lesson.permalink"> {{ lesson.title }} </nuxt-link>
+      <ul>
+        <li v-if="lesson.anchors" v-for="anchor in lesson.anchors">
+          <nuxt-link :to="'/guide' + lesson.permalink + anchor[0]">{{ anchor[1] }}</nuxt-link>
+        </li>
+      </ul>
+    </li>
+  </ul>
+  <nuxt-child />
+</div>
+</template>
+
+<script>
+export default {
+  async asyncData ({ app, payload }) {
+    return {
+      lessons: await app.$content('/').getAll() || payload
+    }
+  }
+}
+</script>

examples/content-navigation/pages/_slug.vue → examples/content-navigation/pages/guide/_slug.vue

@@ -1,6 +1,5 @@
 <template>
 <div>
-  <h1>  Nuxtent </h1>
   <div class="content">
     <h1> {{ lesson.title }} </h1>
     <nuxtent-body :body="lesson.body" />
@@ -10,9 +9,10 @@
 
 <script>
 export default {
-  async asyncData ({ app, route, payload }) {
+  async asyncData ({ app, params, payload }) {
+    console.log(params.slug)
     return {
-      lesson: await app.$content('/').get(route.path) || payload
+      lesson: await app.$content('/').get(params.slug) || payload
     }
   }
 }

examples/content-navigation/pages/guide/index.vue

@@ -0,0 +1,5 @@
+<template>
+<div>
+  <h2> Start Learning! </h2>
+</div>
+</template>

examples/content-navigation/pages/index.vue

@@ -1,25 +1,10 @@
 <template>
-<div>
-  <h1>  Nuxtent TOC </h1>
-  <ul>
-    <li v-for="lesson in lessons">
-      <nuxt-link :to="lesson.permalink"> {{ lesson.title }} </nuxt-link>
-      <ul>
-        <li v-if="lesson.anchors" v-for="anchor in lesson.anchors">
-          <a :href="lesson.permalink + anchor[0]">{{ anchor[1] }}</a>
-        </li>
-      </ul>
-    </li>
-  </ul>
-</div>
 </template>
 
 <script>
 export default {
-  async asyncData ({ app, route, payload }) {
-    return {
-      lessons: await app.$content('/').getAll() || payload
-    }
+  fetch ({ redirect }) {
+    redirect('/guide')
   }
 }
 </script>