useDebounced in Vue
Vue interview exercise on Composables, difficulty 2 of 3. Solve it in the editor beside a worked example; the tests run the moment you do.
Write useDebounced<T>(source: Ref<T>, ms: number) returning a ref that starts equal to the source and takes a new value only once the source has been unchanged for ms milliseconds (a watcher with a timer that each change restarts). The timer must be cleared when the component unmounts.
Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Progress is saved in your browser, and in your account if you sign in.