tanstack-vue-virtual-skilld
Installation
SKILL.md
@tanstack/vue-virtual
Headless list/grid virtualization for Vue. The adapter is thin: useVirtualizer and useWindowVirtualizer construct a core Virtualizer, wire it to Vue reactivity, and return it as a Ref. Every option and method below comes from @tanstack/virtual-core, which the adapter re-exports (src/index.ts:21).
Version facts
- Target:
@tanstack/vue-virtual@3.13.39(package.json:3). - Exact dependency:
@tanstack/virtual-core@3.17.11(package.json:52). - Peer:
vue ^2.7.0 || ^3.0.0(package.json:59). - The adapter API has been stable across 3.13.x; releases 3.13.25 to 3.13.39 only bump virtual-core (vue-virtual changelog).
- Install:
npm install @tanstack/vue-virtual(installation docs).
Quick start: dynamic-height rows
Canonical pattern, following the official Vue dynamic example. Block translation positions the rendered block by the first item's start; each item flows normally inside it.