chore: add a demo for double root + fix gh corners (#92)

* chore: add a demo for double root

* fix release CI

Author: elevatebart

.github/workflows/release.yml

@@ -25,16 +25,15 @@ jobs:
       - name: Install
         run: npm ci
 
-      - name: Test
-        run: |
-          npm run lint
-          npm run test:unit -- --runInBand
-          npm run test:e2e -- --headless
+      - name: Run Unit Test
+        run: npm run test:unit
 
       - name: Build
         if: ${{ github.ref == 'refs/heads/master' }}
-        run: |
-          npm run build:demo
+        run: npm run build:demo
+
+      - name: Run E2E Test
+        run: npm run test:e2e
 
       - name: Deploy to vue-live.surge.sh
         if: ${{ github.ref == 'refs/heads/master' }}

demo/App.vue

@@ -63,6 +63,9 @@
       <h2>JSX</h2>
       <VueLive :code="realjsx" :layout="CustomLayout" :jsx="true" />
 
+      <h2>Double Root</h2>
+      <VueLive :code="doubleRoot" :layout="CustomLayout" />
+
       <h2>Separate components for Editor and Preview</h2>
       <div class="separate">
         <div class="preview-separate">
@@ -75,7 +78,7 @@
       </div>
     </div>
 
-    <github-corners url="https://github.com/vue-styleguidist/vue-live" gitColor="#FFFFFF" />
+    <github-corners href="https://github.com/vue-styleguidist/vue-live" gitColor="#FFFFFF" />
   </main>
 </template>
 <script lang="ts">
@@ -87,6 +90,7 @@ import codeSfc from "./assets/Button.vue?raw";
 import codeJs from "./assets/input.js?raw";
 import realjsx from "./assets/real.jsx?raw";
 import codeTemplate from "./assets/PureTemplate.html?raw";
+import doubleRoot from "./assets/PureTemplateDoubleRoot.html?raw";
 import codeChicago from "./assets/Chicago.jsx?raw";
 import all from "./assets/chicagoNeighbourhoods";
 import "prismjs/themes/prism-tomorrow.css";
@@ -109,6 +113,7 @@ export default defineComponent({
       chicagoRequires: { "./chicagoNeighbourhoods": all },
       realjsx,
       separateCode: codeSfc,
+      doubleRoot,
       openExamples: false,
       error: undefined,
     };

demo/assets/PureTemplateDoubleRoot.html

@@ -0,0 +1,2 @@
+<div>A</div>
+<div>B</div>