From 4700f048e12c0ee23fa69817393fa232ea829b09 Mon Sep 17 00:00:00 2001
From: purocean <purocean@gmail.com>
Date: Wed, 8 Dec 2021 13:23:13 +0800
Subject: [PATCH] upd: handle render error

---
 src/renderer/components/Preview.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/Preview.vue b/src/renderer/components/Preview.vue
index d20ab2b6..20c77e70 100644
--- a/src/renderer/components/Preview.vue
+++ b/src/renderer/components/Preview.vue
@@ -42,7 +42,7 @@
 <script lang="ts">
 import { debounce } from 'lodash-es'
 import { useStore } from 'vuex'
-import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, ref, toRefs, watch } from 'vue'
+import { computed, defineComponent, h, nextTick, onBeforeUnmount, onMounted, ref, toRefs, watch } from 'vue'
 import { extname } from '@fe/utils/path'
 import { isElectron } from '@fe/support/env'
 import { markdown } from '@fe/services/markdown'
@@ -164,7 +164,15 @@ export default defineComponent({
 
       const startTime = performance.now()
       renderEnv = { source: content, file: currentFile.value }
-      renderContent.value = markdown.render(content, renderEnv)
+      try {
+        renderContent.value = markdown.render(content, renderEnv)
+      } catch (error: any) {
+        logger.error('render', error)
+        renderContent.value = h('div', [
+          h('h2', { style: 'color: red' }, '渲染出错'),
+          h('pre', error.stack || error.toString())
+        ])
+      }
       const renderTime = performance.now() - startTime
 
       logger.debug('rendered', 'cost', renderTime)