vue-use-debounce-ref v0.1.4

Vue Debounce Using Ref

Installation

npm

npm i vue-use-debounce-ref

yarn

yarn add vue-use-debounce-ref

Usage

Vue

<template>
    <div>
        <label>Search</label>
        <input v-model="input" type="text" />
        <div>Value: {{ input }}</div>
  </div>
</template>
<script>
import { watch } from 'vue'
import useDebouncedRef from "vue-use-debounce-ref";
export default {
    setup() {
        const input = useDebouncedRef('', 1000)

        watch(input, newData => {
            console.log({ newData })
             // init an API request
        })
    return {
        input,
    }
  },
}
</script>