@zveltio/vue 3.0.0-beta.5 → 3.0.0-beta.70

package/README.md

@@ -12,16 +12,16 @@ bun add @zveltio/vue @zveltio/sdk
 
 ## Setup
 
-Register the plugin in your Vue app:
+Create a client and register the plugin:
 
 ```ts
 import { createApp } from 'vue';
-import { ZveltioPlugin } from '@zveltio/vue';
+import { ZveltioPlugin, createZveltioClient } from '@zveltio/vue';
 import App from './App.vue';
 
-createApp(App)
-  .use(ZveltioPlugin, { url: 'https://your-engine.example.com' })
-  .mount('#app');
+const client = createZveltioClient({ baseUrl: 'https://your-engine.example.com' });
+
+createApp(App).use(ZveltioPlugin, { client }).mount('#app');
 ```
 
 ## Composables
@@ -30,20 +30,25 @@ createApp(App)
 
 ```vue
 <script setup lang="ts">
+import { useRoute } from 'vue-router';
 import { useCollection, useRecord } from '@zveltio/vue';
 
-const { data, loading, error, refresh } = useCollection('products', {
+const { data, loading, error, refetch } = useCollection('products', {
   filter: { status: 'active' },
-  sort: '-createdAt',
+  sort: 'created_at',
+  order: 'desc',
   limit: 20,
 });
 
-const { data: product } = useRecord('products', 'id-123');
+// Pass a getter or ref to re-fetch when the id changes; a plain string is read once.
+const route = useRoute();
+const { data: product } = useRecord('products', () => route.params.id as string);
 </script>
 
 <template>
   <div v-if="loading">Loading...</div>
-  <ProductCard v-for="p in data" :key="p.id" :product="p" />
+  <p v-else-if="error">{{ error.message }}</p>
+  <ProductCard v-for="p in data ?? []" :key="p.id" :product="p" />
 </template>
 ```
 
@@ -51,31 +56,42 @@ const { data: product } = useRecord('products', 'id-123');
 
 ```vue
 <script setup lang="ts">
+import { ref } from 'vue';
 import { useRealtime } from '@zveltio/vue';
 
-const event = useRealtime('orders');
-// event.value: { action: 'create'|'update'|'delete', record: {...} } | null
-</script>
+const orders = ref<any[]>([]);
 
-<template>
-  <div>Last event: {{ event?.action }}</div>
-</template>
+useRealtime(
+  'https://your-engine.example.com',
+  'orders',
+  'insert', // 'insert' | 'update' | 'delete', or null for every event
+  (event) => orders.value.unshift(event.data),
+);
+</script>
 ```
 
-### Offline Sync
+The socket authenticates with the session cookie, so the engine must be same-site
+with your app (or behind the same reverse proxy).
+
+### Offline sync
 
 ```vue
 <script setup lang="ts">
 import { useSyncCollection, useSyncStatus } from '@zveltio/vue';
 
-const { records, pending, conflicts } = useSyncCollection('products');
-const { isOnline } = useSyncStatus();
+const { data } = useSyncCollection('products', {
+  realtimeUrl: 'https://your-engine.example.com',
+  syncInterval: 30_000,
+});
+const { status } = useSyncStatus();
 </script>
 
 <template>
-  <Banner v-if="!isOnline">Offline — syncing when reconnected</Banner>
+  <Banner v-if="status.status === 'offline'">
+    Offline — {{ status.pendingCount }} changes waiting
+  </Banner>
   <div
-    v-for="p in records"
+    v-for="p in data ?? []"
     :key="p.id"
     :style="{ opacity: p._syncStatus === 'pending' ? 0.6 : 1 }"
   >
@@ -84,48 +100,57 @@ const { isOnline } = useSyncStatus();
 </template>
 ```
 
+Pass a `SyncManager` to `useSyncStatus(syncManager)` to see its pending queue;
+without one it reports only the browser's online state.
+
 ### Auth
 
 ```vue
 <script setup lang="ts">
 import { useAuth } from '@zveltio/vue';
 
-const { user, signIn, signOut, loading } = useAuth();
+const { user, loading, login, logout } = useAuth();
 </script>
 
 <template>
   <div v-if="loading" />
-  <button v-else-if="!user" @click="signIn({ email, password })">Sign In</button>
+  <button v-else-if="!user" @click="login(email, password)">Sign In</button>
   <div v-else>
     {{ user.email }}
-    <button @click="signOut">Sign Out</button>
+    <button @click="logout">Sign Out</button>
   </div>
 </template>
 ```
 
+`session` and `signup(email, password, name)` are returned as well.
+
 ### Storage
 
 ```vue
 <script setup lang="ts">
 import { useStorage } from '@zveltio/vue';
 
-const { upload, uploading, progress } = useStorage();
+const props = defineProps<{ folderId?: string }>();
+const { upload, uploading, error } = useStorage();
 
 async function handleFile(e: Event) {
   const file = (e.target as HTMLInputElement).files?.[0];
   if (file) {
-    const url = await upload(file);
-    console.log('Uploaded:', url);
+    const stored = await upload(file, props.folderId);
+    console.log('Uploaded:', stored.url);
   }
 }
 </script>
 
 <template>
   <input type="file" @change="handleFile" :disabled="uploading" />
-  <progress v-if="uploading" :value="progress" max="100" />
+  <p v-if="error">{{ error.message }}</p>
 </template>
 ```
 
+`list(folderId?)` and `remove(fileId)` are returned as well. The folder argument is a
+folder **id**; omit it for the root.
+
 ## Links
 
 - [Documentation](https://zveltio.com/docs)

package/dist/composables/useAuth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAM/C,wBAAgB,OAAO,IAAI;IACzB,IAAI,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IACtB,OAAO,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IACzB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1E,CAmEA"}
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAM/C,wBAAgB,OAAO,IAAI;IAEzB,IAAI,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IAEtB,OAAO,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IACzB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1E,CAqEA"}

package/dist/composables/useAuth.js

@@ -6,7 +6,9 @@ export function useAuth() {
     const client = inject(ZVELTIO_CLIENT_KEY);
     if (!client)
         throw new Error('useAuth must be used within ZveltioPlugin');
+    // biome-ignore lint/suspicious/noExplicitAny: legacy any; tracked in hardening plan item H-01
     const user = ref(null);
+    // biome-ignore lint/suspicious/noExplicitAny: legacy any; tracked in hardening plan item H-01
     const session = ref(null);
     const loading = ref(true);
     const error = ref(null);

package/dist/composables/useCollection.d.ts

@@ -1,6 +1,6 @@
-import { type Ref } from 'vue';
+import { type MaybeRefOrGetter, type Ref } from 'vue';
 import { type CollectionOptions } from '@zveltio/sdk';
-export declare function useCollection<T = any>(collectionName: string, options?: CollectionOptions): {
+export declare function useCollection<T = any>(collectionName: string, options?: MaybeRefOrGetter<CollectionOptions | undefined>): {
     data: Ref<T[] | null>;
     loading: Ref<boolean>;
     error: Ref<Error | null>;

package/dist/composables/useCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCollection.d.ts","sourceRoot":"","sources":["../../src/composables/useCollection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIvE,wBAAgB,aAAa,CAAC,CAAC,GAAG,GAAG,EACnC,cAAc,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC1B;IACD,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IACtB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CAuBA"}
+{"version":3,"file":"useCollection.d.ts","sourceRoot":"","sources":["../../src/composables/useCollection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAEtF,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKvE,wBAAgB,aAAa,CAAC,CAAC,GAAG,GAAG,EACnC,cAAc,EAAE,MAAM,EAGtB,OAAO,CAAC,EAAE,gBAAgB,CAAC,iBAAiB,GAAG,SAAS,CAAC,GACxD;IACD,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IACtB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CAwBA"}

package/dist/composables/useCollection.js

@@ -1,8 +1,12 @@
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, watch, toValue } from 'vue';
 import { inject } from 'vue';
 import { fetchCollection } from '@zveltio/sdk';
 import { ZVELTIO_CLIENT_KEY } from '../plugin.js';
-export function useCollection(collectionName, options) {
+// biome-ignore lint/suspicious/noExplicitAny: legacy any; tracked in hardening plan item H-01
+export function useCollection(collectionName, 
+// A ref or getter re-fetches when the options change, as `@zveltio/react`'s
+// `useCollection` does; a plain object is read once.
+options) {
     const client = inject(ZVELTIO_CLIENT_KEY);
     if (!client)
         throw new Error('useCollection must be used within ZveltioPlugin');
@@ -13,7 +17,7 @@ export function useCollection(collectionName, options) {
         loading.value = true;
         error.value = null;
         try {
-            data.value = await fetchCollection(client, collectionName, options);
+            data.value = await fetchCollection(client, collectionName, toValue(options));
         }
         catch (err) {
             error.value = err instanceof Error ? err : new Error(String(err));
@@ -23,5 +27,6 @@ export function useCollection(collectionName, options) {
         }
     };
     onMounted(load);
+    watch(() => JSON.stringify(toValue(options)), load);
     return { data, loading, error, refetch: load };
 }

package/dist/composables/useRealtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRealtime.d.ts","sourceRoot":"","sources":["../../src/composables/useRealtime.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CACzB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAC5B,IAAI,CAoBN"}
+{"version":3,"file":"useRealtime.d.ts","sourceRoot":"","sources":["../../src/composables/useRealtime.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CACzB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,EAEpB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAC5B,IAAI,CAqBN"}

package/dist/composables/useRealtime.js

@@ -1,6 +1,8 @@
 import { onMounted, onUnmounted } from 'vue';
 import { ZveltioRealtime } from '@zveltio/sdk';
-export function useRealtime(baseUrl, collection, event, callback) {
+export function useRealtime(baseUrl, collection, event, 
+// biome-ignore lint/suspicious/noExplicitAny: legacy any; tracked in hardening plan item H-01
+callback) {
     let realtime = null;
     let unsub = null;
     onMounted(() => {
@@ -8,6 +10,7 @@ export function useRealtime(baseUrl, collection, event, callback) {
             return;
         realtime = new ZveltioRealtime(baseUrl);
         realtime.connect();
+        // biome-ignore lint/suspicious/noExplicitAny: legacy any; tracked in hardening plan item H-01
         unsub = realtime.subscribe(collection, (data) => {
             if (!event || data.event === event) {
                 callback(data);

package/dist/composables/useRecord.d.ts

@@ -1,5 +1,5 @@
-import { type Ref } from 'vue';
-export declare function useRecord<T = any>(collectionName: string, id: string | null | undefined): {
+import { type MaybeRefOrGetter, type Ref } from 'vue';
+export declare function useRecord<T = any>(collectionName: string, id: MaybeRefOrGetter<string | null | undefined>): {
     data: Ref<T | null>;
     loading: Ref<boolean>;
     error: Ref<Error | null>;

package/dist/composables/useRecord.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRecord.d.ts","sourceRoot":"","sources":["../../src/composables/useRecord.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAMtD,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAC/B,cAAc,EAAE,MAAM,EACtB,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC5B;IACD,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACpB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CA6BA"}
+{"version":3,"file":"useRecord.d.ts","sourceRoot":"","sources":["../../src/composables/useRecord.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAOtF,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAC/B,cAAc,EAAE,MAAM,EAGtB,EAAE,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAC9C;IACD,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACpB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CA8BA"}

package/dist/composables/useRecord.js

@@ -1,16 +1,21 @@
-import { ref, onMounted, watch } from 'vue';
+import { ref, onMounted, watch, toValue } from 'vue';
 import { inject } from 'vue';
 import { fetchRecord } from '@zveltio/sdk';
 import { ZVELTIO_CLIENT_KEY } from '../plugin.js';
-export function useRecord(collectionName, id) {
+// biome-ignore lint/suspicious/noExplicitAny: legacy any; tracked in hardening plan item H-01
+export function useRecord(collectionName, 
+// A plain string cannot change after setup; pass a ref or getter to follow
+// a route param the way `@zveltio/react`'s `useRecord` follows its prop.
+id) {
     const client = inject(ZVELTIO_CLIENT_KEY);
     if (!client)
         throw new Error('useRecord must be used within ZveltioPlugin');
     const data = ref(null);
-    const loading = ref(!!id);
+    const loading = ref(!!toValue(id));
     const error = ref(null);
     const load = async () => {
-        if (!id) {
+        const current = toValue(id);
+        if (!current) {
             data.value = null;
             loading.value = false;
             return;
@@ -18,7 +23,7 @@ export function useRecord(collectionName, id) {
         loading.value = true;
         error.value = null;
         try {
-            data.value = await fetchRecord(client, collectionName, id);
+            data.value = await fetchRecord(client, collectionName, current);
         }
         catch (err) {
             error.value = err instanceof Error ? err : new Error(String(err));
@@ -28,6 +33,6 @@ export function useRecord(collectionName, id) {
         }
     };
     onMounted(load);
-    watch(() => id, load);
+    watch(() => toValue(id), load);
     return { data, loading, error, refetch: load };
 }

package/dist/composables/useSyncCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSyncCollection.d.ts","sourceRoot":"","sources":["../../src/composables/useSyncCollection.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAM5D,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,GAAG,EACvC,cAAc,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE,wBAAwB,GACjC;IAAE,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;CAAE,CAgC5E"}
+{"version":3,"file":"useSyncCollection.d.ts","sourceRoot":"","sources":["../../src/composables/useSyncCollection.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAM5D,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAGD,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,GAAG,EACvC,cAAc,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE,wBAAwB,GACjC;IAAE,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;CAAE,CAgC5E"}

package/dist/composables/useSyncCollection.js

@@ -2,6 +2,7 @@ import { ref, onMounted, onUnmounted } from 'vue';
 import { SyncManager } from '@zveltio/sdk';
 import { inject } from 'vue';
 import { ZVELTIO_CLIENT_KEY } from '../plugin.js';
+// biome-ignore lint/suspicious/noExplicitAny: legacy any; tracked in hardening plan item H-01
 export function useSyncCollection(collectionName, options) {
     const client = inject(ZVELTIO_CLIENT_KEY);
     if (!client)

package/dist/types.d.ts

@@ -1,11 +1,4 @@
-export interface CollectionOptions {
-    filter?: Record<string, any>;
-    sort?: string;
-    order?: 'asc' | 'desc';
-    limit?: number;
-    page?: number;
-    search?: string;
-}
+export type { CollectionOptions } from '@zveltio/sdk';
 export interface SyncStatus {
     status: 'online' | 'offline' | 'syncing';
     pendingCount: number;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;CACtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zveltio/vue",
-  "version": "3.0.0-beta.5",
+  "version": "3.0.0-beta.70",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -15,19 +15,20 @@
     "README.md"
   ],
   "scripts": {
-    "build": "tsc",
+    "build": "tsc -p tsconfig.build.json",
     "dev": "tsc --watch",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "test": "bun test"
   },
   "dependencies": {
-    "@zveltio/sdk": "3.0.0-beta.5"
+    "@zveltio/sdk": "3.0.0-beta.70"
   },
   "peerDependencies": {
     "vue": ">=3.3"
   },
   "devDependencies": {
-    "vue": "^3.3.0",
-    "typescript": "^5.4.0"
+    "typescript": "^5.4.0",
+    "vue": "^3.5.42"
   },
   "repository": {
     "type": "git",