Merge pull request #1969 from clarkdo/md_example

feat: add markdown example

examples/markdownit/README.md

@@ -0,0 +1,5 @@
+# Markdown Example
+
+> Convert Markdown file to HTML using markdown-it.
+
+**See [Markdownit Module](https://github.com/nuxt-community/modules/tree/master/packages/markdownit) for easy integration with [Nuxt.js](https://nuxtjs.org).**

examples/markdownit/nuxt.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+  modules: [
+    '@nuxtjs/markdownit'
+  ]
+  // [optional] markdownit options
+  // See https://github.com/markdown-it/markdown-it
+  // markdownit: {
+  //   preset: 'default',
+  //   linkify: true,
+  //   breaks: true,
+  //   use: [
+  //     'markdown-it-container',
+  //     'markdown-it-attrs'
+  //   ]
+  // }
+}

examples/markdownit/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "nuxt-markdownit",
+  "version": "1.0.0",
+  "dependencies": {
+    "@nuxtjs/markdownit": "^1.1.2",
+    "nuxt": "latest",
+    "pug": "^2.0.0-rc.4"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  }
+}

examples/markdownit/pages/about.vue

@@ -0,0 +1,6 @@
+<template lang="md">
+  # About Page!
+  Current route is: {{ $route.name }}
+
+  <nuxt-link to="/">Back home</nuxt-link>
+</template>

examples/markdownit/pages/index.vue

@@ -0,0 +1,21 @@
+<template lang="md">
+  # Hello World!
+
+  Current route is: {{ $route.path }}
+
+  Data model is: {{ model }}
+
+  <nuxt-link to="/about">Goto About</nuxt-link>
+
+  <nuxt-link to="/pug">Goto Pug</nuxt-link>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      model: 'I am index'
+    }
+  }
+}
+</script>

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>