docs: build a better demo

Author: elevatebart

CNAME

@@ -0,0 +1 @@
+vue-live.surge.sh

demo/App.vue

@@ -1,14 +1,12 @@
 <template>
   <main style="text-align:center;">
     <h1>Vue Live renders vue code directly in the browser</h1>
+    <h2>With imported components</h2>
+    <VueLive :code="`<date-picker />`" :layout="CustomLayout" :components="registeredComponents"/>
     <h2>Display Single File Components</h2>
     <VueLive :code="codeSfc" :layout="CustomLayout"/>
-    <h2>Try using templates</h2>
-    <VueLive :code="codeTemplate" :layout="CustomLayout"/>
     <h2>Pure JavaScript code</h2>
     <VueLive :code="codeJs" :layout="CustomLayout"/>
-    <h2>With imported components</h2>
-    <VueLive :code="`<date-picker />`" :layout="CustomLayout" :components="registeredComponents"/>
   </main>
 </template>
 <script>

package.json

@@ -4,7 +4,8 @@
   "license": "MIT",
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build --target lib --entry ./src/index.js",
+    "build": "cross-env LIB_MAKING=true vue-cli-service build --target lib --entry ./src/index.js",
+    "build:demo": "vue-cli-service build",
     "lint": "vue-cli-service lint",
     "test:unit": "vue-cli-service test:unit"
   },
@@ -32,6 +33,7 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^23.6.0",
+    "cross-env": "^5.2.0",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
     "raw-loader": "^2.0.0",

vue.config.js

@@ -6,7 +6,7 @@ module.exports = {
       .add("./demo/main.js");
 
     config.resolve.alias.set("vue$", "vue/dist/vue.esm.js");
-    if (process.env.NODE_ENV === "production") {
+    if (process.env.NODE_ENV === "production" && process.env.LIB_MAKING) {
       config.externals(
         [
           "acorn",

yarn.lock

@@ -2675,6 +2675,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
+cross-env@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-5.2.0.tgz#6ecd4c015d5773e614039ee529076669b9d126f2"
+  integrity sha512-jtdNFfFW1hB7sMhr/H6rW1Z45LFqyI431m3qU6bFXcQ3Eh7LtBuG3h74o7ohHZ3crrRkkqHlo4jYHFPcjroANg==
+  dependencies:
+    cross-spawn "^6.0.5"
+    is-windows "^1.0.0"
+
 cross-spawn@^5.0.1, cross-spawn@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
@@ -5179,7 +5187,7 @@ is-whitespace@^0.3.0:
   resolved "https://registry.yarnpkg.com/is-whitespace/-/is-whitespace-0.3.0.tgz#1639ecb1be036aec69a54cbb401cfbed7114ab7f"
   integrity sha1-Fjnssb4DauxppUy7QBz77XEUq38=
 
-is-windows@^1.0.2:
+is-windows@^1.0.0, is-windows@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
   integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==