vue-ts-debounce ![](https://github.com/SmartsquareGmbH/vue-ts-debounce/actions?query=workflow%3ACI) ![](https://www.npmjs.com/package/vue-ts-debounce)

Debounce decorator for Vue.js 2 using vue-class-component. Based
on ts-debounce.

$3

``shell yarn add vue-ts-debounce`

`$3`

In the example below, increment is called at most every 500ms.

`vue

`$3`

The @Debouncedecorator either accepts a number or an object. The number represents the wait time in ms between each call. The following options are available in the object:

| Name | Description | |---------------|---------------------------------------------------------------------------------------------------| |wait| The wait time in ms. | |isImmediate| If the first call should be immediate instead of waiting for the given duration. | |maxWait | Call debounced function after this duration in ms, even if another call is currently in progress. |

`$3`

Inspired by vue-debounce-decorator. The difference to that library is the usage ofts-debounce` and the ability to use the decorator across
multiple instances of the same component.

vue-ts-debounce ![](https://github.com/SmartsquareGmbH/vue-ts-debounce/actions?query=workflow%3ACI) ![](https://www.npmjs.com/package/vue-ts-debounce)

Debounce decorator for Vue.js 2 using vue-class-component. Based
on ts-debounce.

$3

``shell yarn add vue-ts-debounce`

`$3`

In the example below, increment is called at most every 500ms.

`vue

`$3`

The @Debouncedecorator either accepts a number or an object. The number represents the wait time in ms between each call. The following options are available in the object:

`$3`

Inspired by vue-debounce-decorator. The difference to that library is the usage ofts-debounce` and the ability to use the decorator across
multiple instances of the same component.