Add support for Sync Streams in Vue and Nuxt modules with auto-imports. Update README and example usage for better clarity. Remove outdated README file from Nuxt package.

Author: khawarizmus

.changeset/friendly-points-ring.md

@@ -1,6 +1,47 @@
 ---
-'@powersync/nuxt': minor
 '@powersync/vue': minor
 ---
 
-Add support for Sync Streams for Vue and Nuxt
+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>
+```

.changeset/light-dingos-stare.md

@@ -0,0 +1,20 @@
+---
+'@powersync/nuxt': minor
+---
+
+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>
+```