feat: add theme as classname to sandbox (#203)

vuejs · Jan 7, 2024 · 7e9dc0f · 7e9dc0f
1 parent 481035a
commit 7e9dc0f
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/output/Preview.vue b/src/output/Preview.vue
@@ -51,6 +51,17 @@ watch(
 // reset sandbox when version changes
 watch(() => store.state.resetFlip, createSandbox)
 
+// reset theme
+watch(
+  () => theme.value,
+  (value) => {
+    const html = sandbox.contentDocument?.documentElement
+    if (html) {
+      html.className = value
+    }
+  }
+)
+
 onUnmounted(() => {
   proxy.destroy()
   stopUpdateWatcher && stopUpdateWatcher()