@tthr/vue 0.0.7 → 0.0.8

package/nuxt/runtime/composables.ts

@@ -180,13 +180,15 @@ export function useMutation<TArgs, TResult>(
 export function useTetherSubscription(
   queryName: string,
   args: Record<string, unknown> | undefined,
-  onUpdate: () => void
+  onUpdate: (data?: unknown) => void
 ): { isConnected: Ref<boolean> } {
   const isConnected = ref(false);
 
   if (import.meta.client) {
     let ws: WebSocket | null = null;
     let reconnectTimeout: ReturnType<typeof setTimeout> | null = null;
+    // Generate a unique subscription ID
+    const subscriptionId = `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
 
     const connect = () => {
       // Get config from window (set by plugin)
@@ -200,20 +202,25 @@ export function useTetherSubscription(
       ws = new WebSocket(wsUrl);
 
       ws.onopen = () => {
-        isConnected.value = true;
-        // Subscribe to the query
-        ws?.send(JSON.stringify({
-          type: 'subscribe',
-          query: queryName,
-          args,
-        }));
+        // Wait for connected message before subscribing
       };
 
       ws.onmessage = (event) => {
         try {
           const message = JSON.parse(event.data);
-          if (message.type === 'update' && message.query === queryName) {
-            onUpdate();
+
+          if (message.type === 'connected') {
+            isConnected.value = true;
+            // Subscribe to the query with our ID
+            ws?.send(JSON.stringify({
+              type: 'subscribe',
+              id: subscriptionId,
+              query: queryName,
+              args,
+            }));
+          } else if (message.type === 'data' && message.id === subscriptionId) {
+            // Call onUpdate with the fresh data
+            onUpdate(message.data);
           }
         } catch {
           // Ignore parse errors

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tthr/vue",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Tether Vue/Nuxt SDK",
   "type": "module",
   "main": "./dist/index.js",