feat: vue-live layout configurability

Author: Barthelemy Ledoux

chainWebpack.js

@@ -1,3 +1,10 @@
-module.exports = function chainWebpack(config) {
-  config.resolve.alias.set("vue$", "vue/dist/vue.esm.js");
+const path = require("path");
+
+module.exports = options => {
+  const layoutPath = options.layout || path.resolve(__dirname, "./layout.vue");
+  return function(config) {
+    config.resolve.alias
+      .set("vue$", "vue/dist/vue.esm.js")
+      .set("vuepress-plugin-live/live-layout", layoutPath);
+  };
 };

index.js

@@ -2,10 +2,10 @@ const chainWebpack = require("./chainWebpack");
 const enhanceAppFiles = require("./enhanceAppFiles");
 const chainMarkdown = require("./markDownPlugin");
 
-module.exports = () => {
+module.exports = (options, app, plugin) => {
   return {
     name: "vuepress-plugin-live",
-    chainWebpack,
+    chainWebpack: chainWebpack(options),
     enhanceAppFiles,
     chainMarkdown
   };

vueLiveWithLayout.js

@@ -1,4 +1,4 @@
-import layout from "./layout.vue";
+import layout from "vuepress-plugin-live/live-layout";
 
 // vuepress is compiled in both node and non-node models
 // it needs a "global" variable to make buble work.