it-tools/src/composable/debouncedref.ts

import _ from 'lodash';

function useDebouncedRef<T>(initialValue: T, delay: number, immediate: boolean = false) {
  const state = ref(initialValue);
  const debouncedRef = customRef((track, trigger) => ({
    get() {
      track();
      return state.value;
    },
    set: _.debounce(
      (value) => {
        state.value = value;
        trigger();
      },
      delay,
      { leading: immediate },
    ),
  }));
  return debouncedRef;
}
export default useDebouncedRef;