vue/compose-with-tanstack-store

To share TanStack Table state across Vue components, create state slices using TanStack Store atoms and pass them into `useTable` via `options.atoms`. This provides shared, reactive control over sorting and pagination without prop-drilling.

The best way to manage external table state in Vue without prop-drilling is using TanStack Store atoms. You create slices with `createAtom` and read them reactively using `useSelector` or `computed` for efficient, narrowly scoped component updates.

You read TanStack Store atoms reactively in a Vue component using the `useSelector` hook or Vue's native `computed` function. This ensures efficient reactive reads that keep component updates narrowly scoped to the specific table state slice.

Your TanStack Table ignores sorting state in Vue when `options.state[slice]` overrides your `options.atoms[slice]`. Ensure correct precedence by passing atoms via `options.atoms` so the table prioritizes atom ownership over internal state to avoid dead configuration.

Yes, you can use TanStack Store atoms for Vue table state persistence and query integration. Driving changes directly from atom writes allows you to persist slices, coordinate side effects, and integrate seamlessly with reactive query keys.