[theme][m]: introduce vuepress (no refactoring of content yet).

.gitignore

@@ -6,3 +6,4 @@ node_modules/*
 schemas/dictionary.json
 package-lock.json
 .idea
+.vuepress/dist/*

.vuepress/components/mermaid.vue

@@ -0,0 +1,23 @@
+// .vuepress/components/mermaid.vue
+
+<template>
+</template>
+
+<style>
+div.language-mermaid {
+  background-color: inherit
+}
+</style>
+
+<script>
+export default {
+  beforeMount() {
+    import("mermaid/dist/mermaid").then(m => {
+      m.initialize({
+        startOnLoad: true
+      });
+      m.init('div.language-mermaid>pre>code');
+    });
+  }
+};
+</script>

.vuepress/config.js

@@ -0,0 +1,24 @@
+module.exports = {
+  title: 'Frictionless Data Specs',
+  description: '',
+  markdown: {
+    linkify: true,
+    typographer: true,
+    breaks: true,
+    html: true,
+    toc: {
+      includeLevel: [2, 3, 4]
+    },
+    extendMarkdown: md => {
+      md.use(require('markdown-it-footnote'))
+    }
+  },
+  themeConfig: {
+    repo: 'https://github.com/frictionlessdata/specs',
+    editLinks: true,
+    sidebar: 'auto',
+    nav: [
+      { text: 'Home', link: '/' }
+    ]
+  }
+}

package.json

@@ -5,7 +5,10 @@
   "main": "index.js",
   "scripts": {
     "build": "node build.js",
-    "test": "NODE_ENV=testing mocha"
+    "test": "NODE_ENV=testing mocha",
+    "start": "yarn start:docs",
+    "start:docs": "npx vuepress dev",
+    "build:docs": "npx vuepress build"
   },
   "repository": {
     "type": "git",
@@ -25,6 +28,9 @@
     "js-yaml": "^3.7.0",
     "json-schema-ref-parser": "^3.1.2",
     "mocha": "^4.0.1",
-    "tv4": "^1.3.0"
+    "tv4": "^1.3.0",
+    "vuepress": "^1.2.0",
+    "markdown-it-footnote": "",
+    "mermaid": "^8.1.0"
   }
 }