-
-
Notifications
You must be signed in to change notification settings - Fork 642
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Is there a plan to make liveQuery more compatible with Svelte5 runes #2075
Comments
Thanks for bringing it up. Also asked on stackoverflow: https://stackoverflow.com/questions/78089371/dexie-livequery-with-svelte-5-runes Need more knowledge about Svelte 5 and runes before I could do anything about it but a PR would be much welcome. Could we introduce some kind of svelte helper library that delivers runes for live queries? A bit like we have for react? |
The recently-added fromStore alongside the wrapper from #1907 worked for me: import { liveQuery } from 'dexie'
import { fromStore } from 'svelte/store'
export const liveQ = q => fromStore({
subscribe: (run, invalidate) =>
liveQuery(q).subscribe(run, invalidate).unsubscribe,
})
// usage
const friends = liveQ(async () => await db.friends.where('age').between(18, 65).toArray())
$inspect(friends.current) |
Hello, I am also trying to use Dexie.js in a Svelte5 project with runes. I started by following the existing tutorial Get started with Dexie in Svelte tutorial. However, I got stuck when trying to make a liveQuery reactive to props/state. I was able to get it working by combining
|
It's correct to recreate the query whenever a closure it depends on changes. In the background the old query will be unsubscribed and a new query subscribed and the result will stay until the new query emits it's initial value. |
With the introduction of runes, store is kinda obsolete. Is there any plan to support runes once svelte5 released?
I use it like this in svelte5
The text was updated successfully, but these errors were encountered: