`useQuery`: ability to skip the query when needed

[sazzad-sat]

It would be awesome if there is an option to skip query, like the convex/react way. Currently it is achievable using the following:

const query = $derived(skip && useQuery(api.posts.get, () => someArgs));

But this is cleaner in terms of dx:

const query = useQuery(api.posts.get, () => someArgs, { skip });

[thomasballinger]

I'll trust folks you use Svelte more than me on this, sounds good! I don't have time to PR right now, but generally in favor.

[franzwarning]

@sazzad-sat just out of curiosity is this because you want to avoid doing it during sveltekits ssr step?

[sazzad-sat]

@sazzad-sat just out of curiosity is this because you want to avoid doing it during sveltekits ssr step?

@franzwarning It wasn't my intention. I just preferred the react's cleaner way.

For SSR, I used the ConvexHttpClient on the server. I kinda figured this out since there were no clear docs at that time.

[thomasballinger]

Here's how the example does SSR https://github.com/get-convex/convex-svelte/blob/main/src/routes/%2Bpage.server.ts

[Tyler-Petrov]

@sazzad-sat I can take a look at adding skip to #32

[Tyler-Petrov]

This will work in the mean time. The below code will only update bar if skip is not truthy.

let skip = $state(false) // Gets updated somewhere else
let last;
let bar = $derived(!skip ? (last = useQuery(api.foo.bar, {})) : last);

Stolen from here sveltejs/svelte#16480 (comment)

[franzwarning]

@sazzad-sat u can try it out here in our branch if you want: https://github.com/wvdsh/convex-svelte

lmk if it works for ya!