vlist-vue 3.0.1 → 3.1.0-next.2

package/README.md

@@ -32,7 +32,7 @@ const { containerRef, instance } = useVList({
 ## API
 
 - **`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; the subscription ends when the component unmounts (fixed in 3.0.1).
+- **`useVListEvent(instance, event, handler)`** — Subscribe to vlist events with automatic cleanup.
 
 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.
 
@@ -42,18 +42,17 @@ Full usage guide, feature config examples, and TypeScript types: **[Framework Ad
 
 ## Synthetic input
 
-Requires `vlist ^3.0.0`. 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.
+Every list scrolls natively by default, and hands itself to synthetic input past the browser's element size limit: `scroll.mode` is `"auto"`. Pass `scroll: { mode: "synthetic" }` for synthetic input from the start, or `"native"` to stay native; the adapter forwards `scroll` unchanged through `vlist/config`. A synthetic list draws its own scrollbar. Requires `vlist ^3.1.0-next.2`; on 3.0.0, pass `factory: createVList` from the deprecated `vlist/synthetic`. A carousel honours `"synthetic"` too. `VListFactory` is re-exported for typed custom factories.
 
 ```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) },
+  scroll: { mode: "synthetic" },
 });
 </script>
 

package/dist/index.js

@@ -1 +1 @@
-import{ref as D,shallowRef as K,onMounted as N,onBeforeUnmount as E,watch as G,isRef as O,unref as P}from"vue";import{createVListFromConfig as Q}from"vlist/config";function W(z){let A=D(null),j=K(null);if(N(()=>{let q=A.value;if(!q)return;let x=P(z);j.value=Q({...x,container:q})}),E(()=>{j.value?.destroy(),j.value=null}),O(z))G(()=>z.value.items,(q)=>{if(j.value&&q)j.value.setItems(q)});return{containerRef:A,instance:j}}function X(z,A,j){let q=D(j),x;G(()=>z.value,(H)=>{x?.(),x=H?.on(A,(J)=>q.value(J))},{immediate:!0}),E(()=>{x?.(),x=void 0})}export{X as useVListEvent,W 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": "3.0.1",
+  "version": "3.1.0-next.2",
   "description": "Vue composable for vlist - lightweight virtual scrolling",
   "author": {
     "name": "Floor IO",
@@ -32,7 +32,7 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "vlist": "^3.0.0",
+    "vlist": "^3.0.0 || ^3.1.0-next.2",
     "vue": ">=3.0.0"
   },
   "files": [
@@ -52,7 +52,7 @@
     "@types/bun": "^1.0.0",
     "bun": "^1.0.0",
     "typescript": "^5.0.0",
-    "vlist": "^3.0.0",
+    "vlist": "^3.1.0-next.2",
     "vue": "^3.5.28"
   }
 }