如何在svelte.js中使用svelte-router-spa在多个页面上定义全局变量

npm install svelte-router-spa

import { writable } from 'svelte/store';

export const globalVariable = writable('');

<script>
  import { globalVariable } from './store.js';

  let myGlobalVariable;

  globalVariable.subscribe(value => {
    myGlobalVariable = value;
  });
</script>

<main>
  <!-- 在这里使用全局变量 -->
  <h1>{myGlobalVariable}</h1>
</main>

<script>
  import { globalVariable } from './store.js';

  function updateGlobalVariable() {
    globalVariable.set('New value');
  }
</script>

<button on:click={updateGlobalVariable}>更新全局变量</button>