perf: review tinymce code

src/views/demo/editor/tinymce/Editor.vue

@@ -43,7 +43,7 @@
     },
   ];
   export default defineComponent({
-    components: { BasicForm, CollapseContainer, Tinymce },
+    components: { BasicForm, CollapseContainer },
     setup() {
       const { createMessage } = useMessage();
 

src/views/demo/editor/tinymce/index.vue

@@ -1,19 +1,24 @@
 <template>
   <div class="flex p-4">
-    <Tinymce value="Hello, World!" @change="handleChange" width="100%" />
+    {{ value }}
+    <Tinymce v-model="value" @change="handleChange" width="100%" />
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent } from 'vue';
+  import { defineComponent, ref } from 'vue';
   import { Tinymce } from '/@/components/Tinymce/index';
 
   export default defineComponent({
     components: { Tinymce },
     setup() {
+      const value = ref('hello world!');
       function handleChange(value: string) {
         console.log(value);
       }
-      return { handleChange };
+      // setTimeout(() => {
+      //   value.value = '1233';
+      // }, 5000);
+      return { handleChange, value };
     },
   });
 </script>