@cran/vue.use/mjs/state/useLifecycle.js

Cranberry Vue Use Utilities

import { ref, unref } from "@vue/runtime-dom";
import { tryOnActivated, tryOnDeactivated, tryOnMounted, tryOnUnmounted } from "../utility/lifecycle";
export function useLifecycle(onActive, onInactive) {
    const active = ref(false);
    function doOnActive() {
        if (!unref(active)) {
            onActive();
            active.value = true;
        }
    }
    function doOnInctive() {
        if (unref(active)) {
            onInactive();
            active.value = false;
        }
    }
    tryOnMounted(doOnActive);
    tryOnDeactivated(doOnInctive);
    tryOnActivated(doOnActive);
    tryOnUnmounted(doOnInctive);
    return { active, };
}