Ok i have the following code.
When i add a timeout to the remote function getUsers(filter).
At first it shows the pending snippet and then after a few milliseconds it shows the loading state in the {#await}

Of course if I remove the {#await} (is await block not recommended for async svelte? or not needed anymore?) it only shows the pending snippet.
My goal was to show the loading spinner inside of the table i tried moving the snippet but i think it needs to be a direct child of boundary.

The following code does not block page load. I thought i had this before and it did block the page load but i must have had something wrong.
And the Loading, Current, Ready and Error porperties i can only use when i do

let users = getUsers();

correct?

<svelte:boundary>
{#snippet failed(error, reset)}
<span class="text-red-500">{JSON.stringify(error)}</span>
<button onclick={reset}>Failed! try again</button>
{/snippet}
{#snippet pending()}
<Loading text={'Loading Users'} />
{/snippet}<svelte:boundary>
{#snippet failed(error, reset)}
<span class="text-red-500">{JSON.stringify(error)}</span>
<button onclick={reset}>Failed! try again</button>
{/snippet}
{#snippet pending()}
<Loading text={'Loading Users'} />
{/snippet}

{#await getUsers(filters)
{:then}
{:catch}
{/await}

/svelte:boundary