@cran/lib.vue.ref/src/controller/useAutoReset.ts

Vue Reactivity Extensions

import { type Ref, watch } from "vue";

/**
 * Always return value to a fallback after the
 * given delay (or on next stack)
 * @since 0.2.0
 * @category Controller
 */
export function useAutoReset<T> (
  ref: Ref<T>, delay?: number, fallback: T = ref.value
) {
  let timer: unknown | null = null;

  return watch(ref, function onNext ( ) {
    if (timer) { clearTimeout(timer as number); }

    timer = setTimeout(function onTimeout ( ) {
      timer = null;
      ref.value = fallback;
    }, delay);
  });
}