From 84783a988c435c5e50e81234b112792d088030d9 Mon Sep 17 00:00:00 2001
From: Clark Du <clark.duxin@gmail.com>
Date: Sat, 28 Oct 2017 00:38:47 +0800
Subject: [PATCH] feat: add pug example

---
 examples/markdownit/package.json    |  3 ++-
 examples/markdownit/pages/about.vue |  2 +-
 examples/markdownit/pages/index.vue |  6 ++++--
 examples/markdownit/pages/pug.vue   | 17 +++++++++++++++++
 4 files changed, 24 insertions(+), 4 deletions(-)
 create mode 100644 examples/markdownit/pages/pug.vue

diff --git a/examples/markdownit/package.json b/examples/markdownit/package.json
index fae0d3f7bb..76056fdcbb 100644
--- a/examples/markdownit/package.json
+++ b/examples/markdownit/package.json
@@ -3,7 +3,8 @@
   "version": "1.0.0",
   "dependencies": {
     "@nuxtjs/markdownit": "^1.1.2",
-    "nuxt": "latest"
+    "nuxt": "latest",
+    "pug": "^2.0.0-rc.4"
   },
   "scripts": {
     "dev": "nuxt",
diff --git a/examples/markdownit/pages/about.vue b/examples/markdownit/pages/about.vue
index 819feae465..aa487b80bb 100644
--- a/examples/markdownit/pages/about.vue
+++ b/examples/markdownit/pages/about.vue
@@ -1,5 +1,5 @@
 <template lang="md">
-  # Hello World!
+  # About Page!
   Current route is: {{ $route.name }}
 
   <nuxt-link to="/">Back home</nuxt-link>
diff --git a/examples/markdownit/pages/index.vue b/examples/markdownit/pages/index.vue
index 61869bd5b2..fdb3958101 100644
--- a/examples/markdownit/pages/index.vue
+++ b/examples/markdownit/pages/index.vue
@@ -6,13 +6,15 @@
   Data model is: {{ model }}
 
   <nuxt-link to="/about">Goto About</nuxt-link>
+
+  <nuxt-link to="/pug">Goto Pug</nuxt-link>
 </template>
 
-<<script>
+<script>
 export default {
   data () {
     return {
-      model: 'abc'
+      model: 'I am index'
     }
   }
 }
diff --git a/examples/markdownit/pages/pug.vue b/examples/markdownit/pages/pug.vue
new file mode 100644
index 0000000000..ac42f00b0c
--- /dev/null
+++ b/examples/markdownit/pages/pug.vue
@@ -0,0 +1,17 @@
+<template lang="pug">
+  div
+    h1 Pug Page
+    div(language="md") Current route is: {{ $route.name }}
+    div(language="md") Data model is: {{ model }}
+    a(href='/') Back Home
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      model: 'I am pug'
+    }
+  }
+}
+</script>