import raf from '../../../_util/raf';
import { onBeforeUnmount, ref } from 'vue';

/**
 * Always trigger latest once when call multiple time
 */
export default () => {
  const idRef = ref(0);

  const cleanUp = () => {
    raf.cancel(idRef.value);
  };

  onBeforeUnmount(() => {
    cleanUp();
  });

  return (callback: () => void) => {
    cleanUp();

    idRef.value = raf(() => {
      callback();
    });
  };
};