[SVELTE] Best way to edit data after useQuery call?

[joh-ku]

I've a question similar to #530 but with specific focus on Svelte.

Let's assume I've the blow query:

const query = createQuery({
		queryKey: [some, keys],
		queryFn: () => fetchSomeData()
	});

Now, I can access the returned data in my component via $query.data. So far, so good.

But now I want to edit this data via input forms using Svelte Component bindings like this:

<MyComponent bind:value={$query.data.myValue} />

Here Svelte starts complaining, because$query is a readable store and therefore lacks a $query.set function.

So my question is, what is the best way to edit query data in Svelte (with or without Component bindings)?

Using svelte v3.54.0 and tanstack/svelte-query v4.29.11.