Debounce effect

[vuelidate]

Debounce effect

[Frizi]

Could you please add a reference where have you found it? Creating list of useful examples is on a roadmap for the docs.

[shyamchandranmec]

@mrcha90
Could you please add your solution here.

[mrcha90]

I have found solution in your prev issue. So it's ok.

[RoundRobin-fr]

_.debounce from lodash does not return the result of the debounced function so the validator cannot work.

You could use this debounce version to make sure every call to the debounced function resolves their promise with the result of the latest call during the interval.

const debounce = (callback, timeout) => {
    let timer;
    const resolvers = [];
    return async (...args) => {
        clearTimeout(timer);
        return new Promise((resolve) => {
            resolvers.push(resolve);
            timer = setTimeout(async () => {
                const result = await callback.apply(this, args);
                resolvers.map((resolver) => resolver(result));
            }, timeout);
        });
    };
};

const rules = {
    name: {
        test: helpers.withAsync(
            debounce(() => {
                return false;
            }, 1000)
        ),
        $lazy: true,
    },
};