Sapper preload instead of using stores for dynamic data

sapper-preload-example.svelte

<script context="module">
/*

Preload runs on the client AND server

*/
export async function preload({ path, query, params, session }) {
  console.log('path', path)
  console.log('query', query)
  console.log('params', params)
  console.log('session', session)
  
  // https://sapper.svelte.dev/docs#Server_routes
  const res = await this.fetch("/request-to-your-server-route-path");
  const data = await res.json();
  
  // ⚠️ customize with your data properties
  const { prop1, prop2, prop3 } = data;
  return { prop1, prop2, prop3 };
}
</script>

<script>
/*

Preload has given the requested data to the page as props

*/

// ⚠️ customize with your data properties
export let prop1;
export let prop2;
export let prop3;
console.log('prop1', prop1)
console.log('prop2', prop2)
console.log('prop3', prop3)
</script>

<div>prop1: {prop1}</div>
<div>prop2: {prop2}</div>
<div>prop3: {prop3}</div>