vue/compose-with-tanstack-devtools

To inspect TanStack Table state in a Vue application, mount the TanStackDevtools UI with the tableDevtoolsPlugin() and call useTanStackTableDevtools(table, name?) after each useTable instance inside script setup to expose live state and model changes to the devtools panel.

Yes, you can debug multiple Vue TanStack Table instances simultaneously by calling useTanStackTableDevtools(table, name?) after each useTable call, providing unique names to clearly distinguish and selectively inspect each table's state without noisy registrations.

To set up TanStack Devtools for Vue composition API datagrids, mount the TanStackDevtools host once at your app root using the tableDevtoolsPlugin() adapter, then register individual tables within your setup functions to track their live interactions.

Yes, TanStack Devtools supports per-table enabling, allowing you to selectively register and inspect specific Vue table instances while ignoring others, ensuring you only see the relevant datagrid state during application development.

Vue table state changes may not show in TanStack Devtools if you forgot to mount the host with tableDevtoolsPlugin() or failed to call useTanStackTableDevtools(table, name?) directly after useTable within script setup, which is required for the panel to react to registration changes.