dexie-reactive 0.0.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# dexie-reactive
|
|
2
2
|
|
|
3
|
+
[](https://www.npmjs.com/package/dexie-reactive)
|
|
4
|
+
[](https://www.npmjs.com/package/dexie-reactive)
|
|
5
|
+
[](https://github.com/Nessiahs/dexie-reactive/blob/main/LICENSE)
|
|
6
|
+
[](https://github.com/Nessiahs/dexie-reactive/actions/workflows/ci.yml)
|
|
7
|
+
[](https://app.codacy.com/gh/Nessiahs/dexie-reactive/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)
|
|
8
|
+
|
|
3
9
|
Shared, SSR-safe Dexie live query state for Vue 3 and Nuxt 3.
|
|
4
10
|
|
|
5
11
|
`dexie-reactive` wraps Dexie `liveQuery` with small Vue composables. One
|
|
@@ -7,6 +13,19 @@ component owns the real Dexie subscription as a producer. Other components can
|
|
|
7
13
|
subscribe to the same reactive state by key without creating another Dexie
|
|
8
14
|
subscription.
|
|
9
15
|
|
|
16
|
+
## Live Demo
|
|
17
|
+
|
|
18
|
+
See how multiple Vue components share the same reactive Dexie `liveQuery` state without creating duplicate subscriptions.
|
|
19
|
+
|
|
20
|
+
The demo showcases:
|
|
21
|
+
|
|
22
|
+
- producer/consumer live query ownership
|
|
23
|
+
- shared reactive IndexedDB state
|
|
24
|
+
- Vue 3 composables
|
|
25
|
+
- automatic cross-component updates
|
|
26
|
+
|
|
27
|
+
👉 [Open the interactive StackBlitz demo](https://stackblitz.com/edit/dexie-reactive-demo)
|
|
28
|
+
|
|
10
29
|
## Why dexie-reactive?
|
|
11
30
|
|
|
12
31
|
Use `dexie-reactive` when multiple Vue components need to react to the same
|