fix(LexicalContentEditable): readonly state not firing

wobsoriano · Jul 25, 2022 · 6c48768 · 6c48768
1 parent f5e6370
commit 6c48768
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/packages/lexical-vue/src/components/LexicalContentEditable.vue b/packages/lexical-vue/src/components/LexicalContentEditable.vue
@@ -28,18 +28,18 @@ withDefaults(defineProps<{
 }>(), {
   role: 'textbox',
   spellcheck: true,
-  enableGrammarly: true,
 })
 const isReadOnly = ref(true)
-let unregisterListener: () => void
 
 onMounted(() => {
-  if (root.value)
+  if (root.value) {
     editor.setRootElement(root.value)
+    isReadOnly.value = editor.isReadOnly()
+  }
+})
 
-  unregisterListener = editor.registerReadOnlyListener((currentIsReadOnly) => {
-    isReadOnly.value = currentIsReadOnly
-  })
+const unregisterListener = editor.registerReadOnlyListener((currentIsReadOnly) => {
+  isReadOnly.value = currentIsReadOnly
 })
 
 onUnmounted(() => {
@@ -68,6 +68,5 @@ onUnmounted(() => {
     :role="isReadOnly ? undefined : role"
     :spellcheck="spellcheck"
     :tabindex="tabindex"
-    :data-enable-grammarly="enableGrammarly"
   />
 </template>