docs: add custom-layout example

Barthelemy Ledoux · Barthelemy Ledoux · commit 1bc712c3cd5d · 2019-06-27T08:18:11.000-05:00
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
@@ -11,7 +11,12 @@ module.exports = {
     sidebar: ["/", "/Install.md"]
   },
   plugins: [
-    [require("../../index")],
+    [
+      require("../../index"),
+      {
+        layout: path.resolve(__dirname, "../custom-layout")
+      }
+    ],
     [
       "@vuepress/register-components",
       {
diff --git a/docs/custom-layout.vue b/docs/custom-layout.vue
@@ -0,0 +1,16 @@
+<template functional>
+  <div class="preview-code">
+    <div class="preview block">
+      <slot name="preview"></slot>
+    </div>
+    <div class="editor block">
+      <slot name="editor"></slot>
+    </div>
+  </div>
+</template>
+
+<style>
+.preview-code {
+  border: 3px dashed green;
+}
+</style>

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,12 @@ module.exports = {`
`11`	`11`	`sidebar: ["/", "/Install.md"]`
`12`	`12`	`},`
`13`	`13`	`plugins: [`
`14`		`- [require("../../index")],`
	`14`	`+ [`
	`15`	`+ require("../../index"),`
	`16`	`+ {`
	`17`	`+ layout: path.resolve(__dirname, "../custom-layout")`
	`18`	`+ }`
	`19`	`+ ],`
`15`	`20`	`[`
`16`	`21`	`"@vuepress/register-components",`
`17`	`22`	`{`