vue/compose-with-tanstack-store

What problem does it solve?

Compose external, shareable TanStack Table state slices in Vue so sorting, pagination, filters, and selection stay consistent across components without fragile prop-drilling or callback plumbing.

Core Features & Use Cases

• External slice ownership via atoms: Create your own state slices with createAtom and wire them into useTable using options.atoms for predictable cross-component sharing.
• Reactive read surfaces: Read atom slices using useSelector (or computed) to keep Vue updates efficient and narrowly scoped.
• Correct precedence and wiring: Ensure the table uses atoms[slice] over state[slice] to avoid silent dead configuration, and understand how table.reset() interacts with owned vs internal slices.
• When to use atoms vs controlled state: Persist slices, coordinate side effects, and integrate with query keys by driving changes directly from atom writes.

Quick Start

Ask an AI to show how to create a stable sorting and pagination atom with @tanstack/vue-store, pass them via options.atoms into useTable, and read them reactively with useSelector so multiple Vue components share the same table state.