vlist-vue 2.6.0 → 3.0.0-next.1

package/README.md

@@ -1,11 +1,11 @@
 # vlist-vue
 
-Vue composable for [@floor/vlist](https://github.com/floor/vlist) — lightweight, zero-dependency virtual scrolling.
+Vue composable for [vlist](https://github.com/floor/vlist) — lightweight, zero-dependency virtual scrolling.
 
 ## Install
 
 ```bash
-npm install @floor/vlist vlist-vue
+npm install vlist vlist-vue
 ```
 
 ## Quick Start
@@ -13,7 +13,7 @@ npm install @floor/vlist vlist-vue
 ```vue
 <script setup>
 import { useVList } from 'vlist-vue';
-import '@floor/vlist/styles';
+import 'vlist/styles';
 
 const { containerRef, instance } = useVList({
   item: {
@@ -34,12 +34,34 @@ const { containerRef, instance } = useVList({
 - **`useVList(config)`** — Creates a virtual list. Returns `{ containerRef, instance }`. Config can be a plain object or a reactive `Ref` for automatic updates.
 - **`useVListEvent(instance, event, handler)`** — Subscribe to vlist events with automatic cleanup.
 
-Config accepts all [@floor/vlist options](https://vlist.dev/docs/api/reference) minus `container` (handled by the ref). Feature fields like `adapter`, `grid`, `groups`, `selection`, `scrollbar`, and `estimatedHeight` are translated into `.use(withX())` calls automatically.
+Config accepts all [vlist options](https://vlist.dev/docs/api/reference) minus `container` (handled by the ref). Feature fields like `adapter`, `grid`, `groups`, `selection`, `scrollbar`, and `estimatedHeight` are resolved into plugins automatically.
 
 ## Documentation
 
 Full usage guide, feature config examples, and TypeScript types: **[Framework Adapters — Vue](https://vlist.dev/docs/frameworks#vue)**
 
+## Synthetic input
+
+Requires `vlist ^3.0.0-next.1`. Pass the synthetic entry as `factory` to opt in; the adapter forwards it unchanged through `vlist/config`. `VListFactory` is re-exported for typed custom factories. The factory is selected at mount; remount to change it.
+
+```vue
+<script setup lang="ts">
+import { useVList } from "vlist-vue";
+import { createVList } from "vlist/synthetic";
+
+const items = Array.from({ length: 1000 }, (_, id) => ({ id }));
+const { containerRef } = useVList({
+  factory: createVList,
+  items,
+  item: { height: 48, template: item => String(item.id) },
+});
+</script>
+
+<template>
+  <div ref="containerRef" style="height: 400px" />
+</template>
+```
+
 ## License
 
-MIT © [Floor IO](https://floor.io)
+MIT © [Floor IO](https://floor.io)

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import type { VListItem, VListEvents, EventHandler } from "vlist";
 import type { VList } from "vlist";
 import { type VListConfig } from "vlist/config";
 export type { VListItem, VListEvents, VList, CreateVListConfig, ItemConfig, ItemTemplate, EventHandler, Unsubscribe, } from "vlist";
-export type { VListConfig } from "vlist/config";
+export type { VListConfig, VListFactory } from "vlist/config";
 /**
  * Configuration for {@link useVList}. vlist's high-level `VListConfig` (feature
  * fields like `layout`, `grid`, `selection`, `plugins` are translated into

package/dist/index.js

@@ -1 +1 @@
-import{ref as D,shallowRef as O,onMounted as P,onBeforeUnmount as E,watch as G,isRef as Q,unref as S}from"vue";import{createVListFromConfig as T}from"vlist/config";function Y(x){let z=D(null),j=O(null);if(P(()=>{let q=z.value;if(!q)return;let A=S(x);j.value=T({...A,container:q})}),E(()=>{j.value?.destroy(),j.value=null}),Q(x))G(()=>x.value.items,(q)=>{if(j.value&&q)j.value.setItems(q)});return{containerRef:z,instance:j}}function Z(x,z,j){let q=D(j);G(()=>x.value,(A)=>{if(!A)return;let J=(N)=>{q.value(N)},K=A.on(z,J);E(()=>{K()})},{immediate:!0})}export{Z as useVListEvent,Y as useVList};
+import{ref as A,shallowRef as N,onMounted as O,onBeforeUnmount as D,watch as E,isRef as P,unref as Q}from"vue";import{createVListFromConfig as S}from"vlist/config";function X(q){let x=A(null),j=N(null);if(O(()=>{let k=x.value;if(!k)return;let z=Q(q);j.value=S({...z,container:k})}),D(()=>{j.value?.destroy(),j.value=null}),P(q))E(()=>q.value.items,(k)=>{if(j.value&&k)j.value.setItems(k)});return{containerRef:x,instance:j}}function Y(q,x,j){let k=A(j);E(()=>q.value,(z)=>{if(!z)return;let G=(K)=>{k.value(K)},J=z.on(x,G);D(()=>{J()})},{immediate:!0})}export{Y as useVListEvent,X as useVList};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vlist-vue",
-  "version": "2.6.0",
+  "version": "3.0.0-next.1",
   "description": "Vue composable for vlist - lightweight virtual scrolling",
   "author": {
     "name": "Floor IO",
@@ -32,7 +32,7 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "vlist": "^2.6.0",
+    "vlist": "^3.0.0-next.1",
     "vue": ">=3.0.0"
   },
   "files": [
@@ -52,7 +52,7 @@
     "@types/bun": "^1.0.0",
     "bun": "^1.0.0",
     "typescript": "^5.0.0",
-    "vlist": "file:../vlist",
+    "vlist": "^3.0.0-next.3",
     "vue": "^3.5.28"
   }
 }