vue/client-to-server

What problem does it solve?

This Skill prevents TanStack Vue Table from double-processing server-sliced data by correctly wiring client-controlled state (pagination/sorting/filtering/grouping/expanding) to server ownership.

Core Features & Use Cases

• Manual server ownership: Sets the appropriate manual flags (manualPagination/manualSorting/manualFiltering/manualGrouping/manualExpanding) so the table does not re-run row-model pipelines.
• Correct row-model configuration: Drops the matching _rowModels factories (paginatedRowModel/sortedRowModel/filteredRowModel/groupedRowModel/expandedRowModel) to avoid re-processing already-server-processed rows.
• Reliable pager math: Supplies rowCount so table.getPageCount() reflects the server’s total rows and paging UI stays usable.
• State synchronization for fetching: Owns the relevant state slice via external atoms or Vue state getters, then keys data fetches on that controlled state (e.g., Query keys) using placeholder behavior to avoid “0 rows” flashes.

Quick Start

Use the vue/client-to-server skill to set manualPagination (and any other needed manual flags) and drop the corresponding _rowModels while controlling pagination/sorting/filtering state and passing rowCount from your server response.