From 5bc79b23a752a74abb23d325f86465ea2a6ad914 Mon Sep 17 00:00:00 2001
From: Gweesin Chan <42909374+gweesin@users.noreply.github.com>
Date: Sat, 27 Jul 2024 11:36:32 +0800
Subject: [PATCH] fix(rich-text-editor): [rich-text-editor] fix data binding
 doen't work (#1779)

* fix(rich-text-editor): [rich-text-editor] fix double data binding doesn't work

* feat(rich-text-editor): add type for intellisense

* fix: remove renderless extra deps
---
 .../demos/pc/app/rich-text-editor/basic-usage.vue      |  2 ++
 packages/renderless/src/rich-text-editor/vue.ts        | 10 +++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/examples/sites/demos/pc/app/rich-text-editor/basic-usage.vue b/examples/sites/demos/pc/app/rich-text-editor/basic-usage.vue
index 9f5972eba..917c5db72 100644
--- a/examples/sites/demos/pc/app/rich-text-editor/basic-usage.vue
+++ b/examples/sites/demos/pc/app/rich-text-editor/basic-usage.vue
@@ -2,6 +2,8 @@
   <div>
     <tiny-rich-text-editor v-model="value"></tiny-rich-text-editor>
     <div class="result">
+      <hr />
+      <textarea v-model="value" style="width: 100%" rows="5" />
       <hr />
       <pre>{{ value }}</pre>
     </div>
diff --git a/packages/renderless/src/rich-text-editor/vue.ts b/packages/renderless/src/rich-text-editor/vue.ts
index b77a206e3..dab654463 100644
--- a/packages/renderless/src/rich-text-editor/vue.ts
+++ b/packages/renderless/src/rich-text-editor/vue.ts
@@ -10,6 +10,7 @@ import {
   eventClick,
   Active
 } from './index'
+import type { ISharedRenderlessParamHooks } from '@/types'
 
 export const api = [
   'state',
@@ -26,7 +27,7 @@ export const api = [
 ]
 export const renderless = (
   props,
-  { computed, onBeforeUnmount, reactive },
+  { computed, onBeforeUnmount, reactive, watch }: ISharedRenderlessParamHooks,
   { vm, emit },
   {
     Editor,
@@ -293,5 +294,12 @@ export const renderless = (
     state.editor.destroy()
   })
 
+  watch(
+    () => props.modelValue,
+    (value) => {
+      state.editor.commands.setContent(value)
+    }
+  )
+
   return api
 }