如何在Sapper中将数据从布局传递到页面？

<!-- layout.svelte -->
<script>
  import { setContext } from 'svelte';
  import { onMount } from 'svelte';

  let data = 'Hello from layout';

  onMount(() => {
    // 在布局中的onMount生命周期钩子中可以对数据进行初始化或其他操作
  });

  setContext('data', data);
</script>

<svelte:context data={data}>
  <!-- 布局内容 -->
  <slot></slot>
</svelte:context>

<!-- page.svelte -->
<script>
  import { getContext } from 'svelte';

  let data = getContext('data');
</script>

<h1>{data}</h1>