在Svelte中，无法根据另一个组件的值刷新组件列表

<script>
  import { setContext } from "svelte";
  import { writable } from "svelte/store";

  export let selectedValue = "";
  export let items = ["Item 1", "Item 2", "Item 3"];

  // 创建可观察的值
  export const selected = writable(selectedValue);
</script>

<select bind:value={selectedValue}>
  {#each items as item}
    <option value={item}>{item}</option>
  {/each}
</select>

<script>
  import { setContext } from "svelte";
  import { selected } from "./SelectComponent.svelte";

  let items = [];

  // 订阅可观察的值的变化
  $: {
    if (selected === "Item 1") {
      items = ["Sub Item 1-1", "Sub Item 1-2", "Sub Item 1-3"];
    } else if (selected === "Item 2") {
      items = ["Sub Item 2-1", "Sub Item 2-2"];
    } else {
      items = [];
    }
  }
</script>

{#if $selected}
  <ul>
    {#each items as item}
      <li>{item}</li>
    {/each}
  </ul>
{/if}