no - 23 - custom ref

[ricardoHer]

// your answers

<script setup>
import { watch, customRef } from "vue"

/**
 * Implement the function
*/
function useDebouncedRef(value, delay = 200) {
let timeout;
return customRef((track, trigger) => {
  return {
    get() {
      track();
      return value;
    },
    set(newValue) {
      clearTimeout(timeout);
      timeout = setTimeout(() => {
        value = newValue;
        trigger();
      }, delay);
    }
  }
});
}
const text = useDebouncedRef("hello")

/**
 * Make sure the callback only gets triggered once when entered multiple times in a certain timeout
*/
watch(text, (value) => {
  console.log(value)
})
</script>