From 671c658868cf2509f69e359ec5d8c33907f79212 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 20 Oct 2023 22:52:21 +0200
Subject: [PATCH] fix(editor): actually populate loaded data into the editor

---
 src/components/base/TipTap.vue | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/base/TipTap.vue b/src/components/base/TipTap.vue
index bf7fd79a9..a98045b0b 100644
--- a/src/components/base/TipTap.vue
+++ b/src/components/base/TipTap.vue
@@ -6,7 +6,10 @@
 			:upload-callback="uploadCallback"
 			@image-added="bubbleChanges"
 		/>
-		<editor-content class="tiptap__editor" :editor="editor" />
+		<editor-content 
+			class="tiptap__editor" 
+			:editor="editor" 
+		/>
 	</div>
 </template>
 
@@ -79,10 +82,10 @@ const CustomTableCell = TableCell.extend({
 })
 
 const {
-	modelValue = '',
+	modelValue,
 	uploadCallback,
 } = defineProps<{
-	modelValue?: string,
+	modelValue: string,
 	uploadCallback?: UploadCallback,
 }>()
 
@@ -92,12 +95,17 @@ const inputHTML = ref('')
 watch(
 	() => modelValue,
 	() => {
+		if (modelValue === '') {
+			return
+		}
+		
 		if (!modelValue.startsWith(TIPTAP_TEXT_VALUE_PREFIX)) {
 			// convert Markdown to HTML
-			return TIPTAP_TEXT_VALUE_PREFIX + marked.parse(modelValue)
+			inputHTML.value = TIPTAP_TEXT_VALUE_PREFIX + marked.parse(modelValue)
+			return
 		}
 
-		return modelValue.replace(tiptapRegex, '')
+		inputHTML.value = modelValue.replace(tiptapRegex, '')
 	},
 	{ immediate: true },
 )