@cran/vue.use/mjs/capacitor/useKeyboardHeight.js

Cranberry Vue Use Utilities

import { createUseFactory } from "../utility/createUseFactory";
import { ref } from "@vue/runtime-dom";
export const useKeyboardHeight = createUseFactory("useKeyboardHeight", function useKeyboardHeightFactory() {
    const keyboardHeight = ref(0);
    const keyboardHeightPreemptive = ref(0);
    function updateHeight(info) {
        keyboardHeight.value = info?.keyboardHeight || 0;
    }
    function updateHeightPreemptive(info) {
        keyboardHeightPreemptive.value = info?.keyboardHeight || 0;
    }
    void import("@capacitor/keyboard").then(function withKeyboard({ Keyboard: keyboard, }) {
        void keyboard.addListener("keyboardDidShow", updateHeight);
        void keyboard.addListener("keyboardDidHide", updateHeight);
        void keyboard.addListener("keyboardWillShow", updateHeightPreemptive);
        void keyboard.addListener("keyboardWillHide", updateHeightPreemptive);
    });
    return { keyboardHeight, keyboardHeightPreemptive, };
});