Sveltekit store that makes fetch call

[JonathonRP]

Where is the fetch call made from, client or server?

[eltigerchino]

Depends where the store's function is called.

Inside a .svelte file and during SSR, it would run on the server.

When inside a server load function, it runs on the server.

Otherwise, it would run on the client.

[eltigerchino]

I think it's possible to create a request specific store inside a load function and return it as data to be used client-side.

Otherwise, you can intentionally have a global store / value when initialising it outside the load function on the server.
https://kit.svelte.dev/docs/load#shared-state

(no idea if this is right, but this is how I understand it)

[JonathonRP]

Yeah I tried the load function a few times and passing the store through data props needs to be JSON serializable. But maybe using event.locals might work better

[eltigerchino]

Ah right. I forgot to mention you can only return a store when using a shared load function such as +page.js. They don't work on the server load ones.

[JonathonRP]

Ah right. I forgot to mention you can only return a store when using a shared load function such as +page.js. They don't work on the server load ones.

Can you share an example code? I could have sworn I used a page.ts.

[eltigerchino]

Here's an example.

I first read about passing stores through load in this article https://www.loopwerk.io/articles/2022/sveltekit-architecture/
The syntax is different in the article because it uses the old load functions API (but the idea is there!)