From 1257d463695d44606aa13baa83c91ba9cbc43dee Mon Sep 17 00:00:00 2001
From: meloalright <meloalright@gmail.com>
Date: Thu, 15 Aug 2024 01:09:45 +0800
Subject: [PATCH] feat: live demo loading correctly

---
 vue-playground/src/App.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/vue-playground/src/App.vue b/vue-playground/src/App.vue
index c0a6fc8..6105bbe 100644
--- a/vue-playground/src/App.vue
+++ b/vue-playground/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <main style="text-align: center">
+  <main v-if="!loading" style="text-align: center">
     <template v-if="true">
       <h1>Vue Skia</h1>
       <p class="description">
@@ -11,7 +11,7 @@
       <p class="description">
         This super cool editor is based on <em>vue-live</em> !
       </p>
-      <div class="livebox" v-if="!loading && !debug">
+      <div class="livebox" v-if="!debug">
         <div class="hint">
           You can edit
           <span title="copy code to clipboard" @click="copy">this</span>
@@ -37,7 +37,7 @@
         />
       </div>
     </template>
-    <template v-if="!loading && debug">
+    <template v-if="debug">
       <v-surface :width="400" :height="400">
         <v-points
           :points="[