vue/migrate-v8-to-v9

What problem does it solve?

This Skill solves the problem of breaking-change migrations when upgrading @tanstack/vue-table from v8 to v9 by converting old APIs into the new v9 table construction model.

Core Features & Use Cases

• Mechanical API Renames: Replace useVueTable with useTable, sortingFn/sortingFns with sortFn/sortFns, and remove legacy underscore-prefixed methods.
• Row Model and Feature Wiring: Move getXRowModel options into _rowModels factories and register every used feature via tableFeatures({...}) through a mandatory _features object.
• State and Rendering Updates: Replace table.getState() reads with table.store.state/table.state/table.atoms.<slice>.get(), and migrate FlexRender usage to the v9 :cell/:header/:footer shape.
• Use Case: Upgrading a production Vue app that currently builds tables with v8 patterns (useVueTable + getSortedRowModel/getCoreRowModel + table.getState + legacy FlexRender props) so it compiles and behaves correctly in v9.

Quick Start

Run the migration by rewriting your Vue table setup according to the v8-to-v9 rename cheat sheet, updating _features/_rowModels, switching state reads away from table.getState(), and changing FlexRender to the preferred v9 :cell format.