Version Packages (#870)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: github-actions[bot]

.changeset/friendly-points-ring.md

@@ -10,8 +10,8 @@
     "@nuxt/ui": "^4.0.0",
     "@nuxtjs/supabase": "2.0.1",
     "@powersync/kysely-driver": "^1.3.3",
-    "@powersync/nuxt": "^0.0.1",
-    "@powersync/vue": "^0.4.2",
+    "@powersync/nuxt": "^0.0.2",
+    "@powersync/vue": "^0.5.0",
     "@powersync/web": "^1.34.0",
     "@supabase/supabase-js": "2.75.0",
     "tailwindcss": "^4.1.18"

.changeset/light-dingos-stare.md

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@powersync/web": "^1.34.0",
-    "@powersync/vue": "^0.4.2",
+    "@powersync/vue": "^0.5.0",
     "@mdi/font": "7.4.47",
     "@supabase/supabase-js": "^2.39.7",
     "@vuelidate/core": "^2.0.3",

demos/nuxt-supabase-todolist/package.json

@@ -1,5 +1,29 @@
 # @powersync/nuxt
 
+## 0.0.2
+
+### Patch Changes
+
+- 3807514: Expose Sync Streams comosable to use in Nuxt with auto-imports
+
+  Example:
+
+  ```
+  <script setup lang="ts">
+  // useSyncStream is auto-imported in Nuxt
+  const streamName = ref('my-stream');
+  const { status } = useSyncStream(streamName, { parameters: { id: 'abc' } });
+  </script>
+
+  <template>
+    <div v-if="status?.hasSynced">Stream ready</div>
+    <div v-else>Syncing...</div>
+  </template>
+  ```
+
+- Updated dependencies [fd7f387]
+  - @powersync/vue@0.5.0
+
 ## 0.0.1
 
 ### Patch Changes

demos/vue-supabase-todolist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powersync/nuxt",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"

packages/nuxt/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @powersync/vue
 
+## 0.5.0
+
+### Minor Changes
+
+- fd7f387: Add support for Sync Streams for Vue
+
+  Subscribing to a sync stream and using its status:
+
+  ```
+  <script setup>
+  import { useSyncStream } from '@powersync/vue';
+
+
+  const { status } = useSyncStream('my-stream', { parameters: { userId: 'user-123' } });
+
+  // both the name and parameters can be reactive
+  const streamName = ref('my-stream')
+  const streamOptions = ref({ parameters: { userId: 'user-123' } })
+
+  useSyncStream(streamName, streamOptions);
+  </script>
+
+  <template>
+    <div v-if="status">
+      <span v-if="status.hasSynced">Stream synced</span>
+      <span v-else>Syncing...</span>
+    </div>
+  </template>
+  ```
+
+  Running a query backed by sync streams:
+
+  ```
+  <script setup>
+  import { useQuery } from '@powersync/vue';
+
+  // Subscribe to streams; query runs immediately
+  const { data } = useQuery('SELECT * FROM lists', [], {
+    streams: [{ name: 'lists-stream' }]
+  });
+
+  // Or wait for the stream to sync before showing results
+  const { data: lists, isLoading } = useQuery('SELECT * FROM lists', [], {
+    streams: [{ name: 'lists-stream', waitForStream: true }]
+  });
+  </script>
+  ```
+
 ## 0.4.2
 
 ### Patch Changes

packages/nuxt/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powersync/vue",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"