add debounced ref module

src/composables/useDebouncedRef.js

@@ -0,0 +1,34 @@
+import { ref, customRef } from 'vue'
+
+const debounce = (fn, delay = 0, immediate = false) => {
+  let timeout
+  return (...args) => {
+    if (immediate && !timeout) fn(...args)
+    clearTimeout(timeout)
+
+    timeout = setTimeout(() => {
+      fn(...args)
+    }, delay)
+  }
+}
+
+const useDebouncedRef = (initialValue, delay, immediate) => {
+  const state = ref(initialValue)
+  const debouncedRef = customRef((track, trigger) => ({
+    get() {
+      track()
+      return state.value
+    },
+    set: debounce(
+      value => {
+        state.value = value
+        trigger()
+      },
+      delay,
+      immediate
+    ),
+  }))
+  return debouncedRef
+}
+
+export default useDebouncedRef