fix: reload preview style error after switching theme (#214)

vuejs · Feb 11, 2024 · bc4c76c · bc4c76c
1 parent 9e1b761
commit bc4c76c
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/output/Preview.vue b/src/output/Preview.vue
@@ -49,17 +49,20 @@ watch(
   },
 )
 
-// reset theme
-watch([theme, previewTheme], ([theme, previewTheme]) => {
-  if (!previewTheme) return
+function switchPreviewTheme() {
+  if (!previewTheme.value) return
 
   const html = sandbox.contentDocument?.documentElement
   if (html) {
-    html.className = theme
+    html.className = theme.value
   } else {
+    // re-create sandbox
     createSandbox()
   }
-})
+}
+
+// reset theme
+watch([theme, previewTheme], switchPreviewTheme)
 
 onUnmounted(() => {
   proxy.destroy()
@@ -164,6 +167,7 @@ function createSandbox() {
   sandbox.addEventListener('load', () => {
     proxy.handle_links()
     stopUpdateWatcher = watchEffect(updatePreview)
+    switchPreviewTheme()
   })
 }