{ if (!o) results = []; }} bind:value={ () => { return value; }, (val) => { const profile = results.find((v) => v.handle === val); if (profile) onselected?.(profile); value = val; } } bind:open={ () => { return open && results.length > 0; }, (val) => { open = val; } } > { value = e.currentTarget.value; search(e.currentTarget.value); }} class="focus-within:outline-accent-600 dark:focus-within:outline-accent-500 dark:placeholder:text-base-400 w-full touch-none rounded-full border-0 bg-white ring-0 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 dark:bg-white/5 dark:outline-white/10" placeholder="handle" id="" aria-label="enter your handle" /> {#each results as actor (actor.did)} {actor.handle} {/each}