31 lines
931 B
JavaScript
31 lines
931 B
JavaScript
import { onBeforeMount, onBeforeUnmount, ref } from 'vue';
|
|
import { isBrowser } from "../env/is-browser.mjs";
|
|
const isComposingRef = ref(false);
|
|
function compositionStartHandler() {
|
|
isComposingRef.value = true;
|
|
}
|
|
function compositionEndHandler() {
|
|
isComposingRef.value = false;
|
|
}
|
|
let mountedCount = 0;
|
|
export function useIsComposing() {
|
|
if (isBrowser) {
|
|
onBeforeMount(() => {
|
|
if (!mountedCount) {
|
|
window.addEventListener('compositionstart', compositionStartHandler);
|
|
window.addEventListener('compositionend', compositionEndHandler);
|
|
}
|
|
mountedCount++;
|
|
});
|
|
onBeforeUnmount(() => {
|
|
if (mountedCount <= 1) {
|
|
window.removeEventListener('compositionstart', compositionStartHandler);
|
|
window.removeEventListener('compositionend', compositionEndHandler);
|
|
mountedCount = 0;
|
|
} else {
|
|
mountedCount--;
|
|
}
|
|
});
|
|
}
|
|
return isComposingRef;
|
|
} |