From 9f25df8b890679ed5c7ef5a4e7f47650ab685afd Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Fri, 6 May 2022 12:52:23 +0800
Subject: [PATCH] fix: only apply iframe for demos with browser window

---
 components/OneLive.vue | 14 +++++++++++++-
 components/OneRepl.vue |  3 +++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/components/OneLive.vue b/components/OneLive.vue
index 4c7bab0..04ba1eb 100644
--- a/components/OneLive.vue
+++ b/components/OneLive.vue
@@ -68,7 +68,10 @@
       'live-preview-browser': browser
     }"
   >
-    <one-iframe global-style="body { margin: 0 !important; } body > article { margin: 24px 36px; } .veui-layout { min-width: auto !important; }">
+    <one-iframe
+      v-if="browser"
+      global-style="body { margin: 0 !important; } body > article { margin: 24px 36px; } .veui-layout { min-width: auto !important; }"
+    >
       <v-live-preview
         class="editor-preview"
         :code="transformedCode"
@@ -78,6 +81,15 @@
         @error="handleError"
       />
     </one-iframe>
+    <v-live-preview
+      v-else
+      class="editor-preview"
+      :code="transformedCode"
+      :requires="imports"
+      :check-variable-availability="false"
+      @success="dismissError"
+      @error="handleError"
+    />
     <transition name="editor-error">
       <veui-alert
         v-if="error"
diff --git a/components/OneRepl.vue b/components/OneRepl.vue
index f620806..4882a71 100644
--- a/components/OneRepl.vue
+++ b/components/OneRepl.vue
@@ -121,6 +121,9 @@ Icon.register({
   flex 1 1 auto
   height calc(100% - 48px)
 
+  & >>> .live-preview
+    padding 24px 36px
+
   & >>> .VueLive-error
     display none