diff --git a/src/Repl.vue b/src/Repl.vue
index b4ec4c65..a75773be 100644
--- a/src/Repl.vue
+++ b/src/Repl.vue
@@ -52,18 +52,8 @@ const props = withDefaults(defineProps<Props>(), {
   clearConsole: true,
   layoutReverse: false,
   ssr: false,
-  previewOptions: () => ({
-    headHTML: '',
-    bodyHTML: '',
-    placeholderHTML: '',
-    customCode: {
-      importCode: '',
-      useCode: '',
-    },
-    showRuntimeError: true,
-    showRuntimeWarning: true,
-  }),
   layout: 'horizontal',
+  previewOptions: () => ({}),
   editorOptions: () => ({}),
 })
 
diff --git a/src/output/Preview.vue b/src/output/Preview.vue
index 417db848..f2759258 100644
--- a/src/output/Preview.vue
+++ b/src/output/Preview.vue
@@ -290,9 +290,9 @@ defineExpose({ reload, container })
     class="iframe-container"
     :class="{ [theme]: previewTheme }"
   />
-  <Message :err="runtimeError && previewOptions?.showRuntimeError" />
+  <Message :err="runtimeError && (previewOptions?.showRuntimeError ?? true)" />
   <Message
-    v-if="!runtimeError && previewOptions?.showRuntimeWarning"
+    v-if="!runtimeError && (previewOptions?.showRuntimeWarning ?? true)"
     :warn="runtimeWarning"
   />
 </template>