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,13 @@
+{
+  "name": "nuxt-markdownit",
+  "version": "1.0.0",
+  "dependencies": {
+    "@nuxtjs/markdownit": "^1.1.2",
+    "nuxt": "latest"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  }
+}

examples/markdownit/pages/about.vue

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

examples/markdownit/pages/index.vue

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