feat(question): add #345 - useDebounce

questions/345-usedebounce/README.md

@@ -0,0 +1,9 @@
+<!--info-header-start-->
+<!--info-header-end-->
+
+
+For this challenge, you need implement a debounce Composable Function. Let's go.
+
+
+<!--info-footer-start-->
+<!--info-footer-end-->

questions/345-usedebounce/README.zh-CN.md

@@ -0,0 +1,9 @@
+<!--info-header-start-->
+<!--info-header-end-->
+
+
+<i>For this challenge, you need implement a debounce Composable Function.</i><b>对于此挑战，您需要实现可访问的可组合功能。</b> <i>Let&#39;s go.</i><b>我们走吧。</b>
+
+
+<!--info-footer-start-->
+<!--info-footer-end-->

questions/345-usedebounce/info.yml

@@ -0,0 +1,7 @@
+difficulty: hard
+title: useDebounce
+tags: Composable Function
+author:
+  github: murongg
+  name: 木荣
+

questions/345-usedebounce/info.zh-CN.yml

@@ -0,0 +1,7 @@
+difficulty: hard
+title: 用过
+tags: Composable Function
+author:
+  github: murongg
+  name: 木荣
+

questions/345-usedebounce/useDebounce.ts

@@ -0,0 +1,21 @@
+import type { Ref} from 'vue'
+
+interface UseDebounceOptions {
+  leading?: boolean // Specify invoking on the leading edge of the timeout.
+  maxWait?: number // The maximum time func is allowed to be delayed before it's invoked.
+  trailing?: boolean // Specify invoking on the trailing edge of the timeout.
+}
+
+type MaybeRef<T> = T | Ref<T>
+type UseDebounce = <T extends (...args: any[]) => any>(fn: T, wait: MaybeRef<number>, options?: UseDebounceOptions) => T
+
+/**
+ * useDebounce
+ * @param fn The function to debounce.
+ * @param wait The number of milliseconds to delay.
+ * @param options The options object.
+ * @return Returns the new debounced function.
+ */
+const useDebounce: UseDebounce = (fn, wait, options) => {
+  // do someting...
+}