vue/compose-with-tanstack-pacer

What problem does it solve?

It prevents high-frequency user interactions in TanStack Vue Table—like typing into filter inputs or dragging column resize—from causing excessive state writes and sluggish UI.

Core Features & Use Cases

• Debounced filter input updates: Keeps input typing responsive by updating local component state immediately while routing the actual table write through a Debouncer.
• Throttled column resizing: Smooths resize behavior by throttling resize-state writes (typically to one animation frame) instead of committing every drag event.
• Vue integration pattern: Cancels pending debounced work on unmount using onBeforeUnmount(() => debouncer.cancel()) to avoid stale updates and errors.

Quick Start

Install the packages and use Debouncer from @tanstack/pacer in your Vue column filter component so maybeExecute commits the filter value after a short wait while keeping the input locally responsive.