lexical-vue/dist/useLexicalIsTextContentEmpty.js

An extensible Vue 3 web text-editor based on Lexical.

import { $isRootTextContentEmptyCurry } from "@lexical/text";
import { readonly, shallowRef, toValue, watchEffect } from "vue";
function useLexicalIsTextContentEmpty(editor, trim) {
    const isEmpty = shallowRef(editor.getEditorState().read($isRootTextContentEmptyCurry(editor.isComposing(), toValue(trim))));
    watchEffect((onInvalidate)=>{
        const unregister = editor.registerUpdateListener(({ editorState })=>{
            const isComposing = editor.isComposing();
            isEmpty.value = editorState.read($isRootTextContentEmptyCurry(isComposing, toValue(trim)));
        });
        onInvalidate(unregister);
    });
    return readonly(isEmpty);
}
export { useLexicalIsTextContentEmpty };