<script>
  import { useQuery } from "@sveltestack/svelte-query";

  const query = useQuery(["entities", { search: ""  }], fetchEntities);

  function onSearch(e) {
    query.updateOptions({ queryKey: ["entities", { search: e.target.value }] });
  }
</script>

<input type="text" on:change={onSearch} />

{#if $query.isLoading}
  Loading...
{:else if $query.data}
  {#each $query.data as entity (entity.id)}
    <p>{entity.name}</p>
  {/each}
{/if}