loading state for collection reference

[anasmohammed361]

When using Collection , We dont trigger the loading state , as the initial value in never undefined.

• Added the initial value as undefined in collection store.

#96

#140

#142

[nickt28]

@codediodeio I am having the same issue, how come this hasn't been resolved yet. I spent a while reading the code to find a solution. Why not make the count prop start at -1 or allow startWith={undefined} to pass on the undefined state. A 5min fix.

I have created this hack:

<Collection ref={'taskLists'} let:data={taskLists} startWith={[{ loading: true }]} let:count={taskListCount}>
  {#if taskLists[0]?.loading}
    <Loading />
  {:else}
    <showTasks tasks={taskLists} />
  {/if}
  // Useless
  <svelte:fragment slot="loading"></svelte:fragment>
</Collection>