<script>
    let value = $state("Apple");

    const foo = $derived(await value);
    const bar = $derived(foo === value && [0]);
</script>

<select bind:value>
    <option value="Apple">Apple</option>
    <option value="Banana">Banana</option>
</select>

{#each bar}
    Selected fruit: {value}
{/each}