Await Destructuring

[Crisfole]

Currently #await blocks do not support destructuring in the then and else clauses.

It would be helpful, especially when dealing with API results with extra wrappers around stuff, to allow destructuring there:

{#await promise}
  Loading...
{:then {prop1, prop2: { items } }}
  Prop1: {prop1}
  {#each items as i}{i}{/each}
{:catch e}
Boo {e}
{/await}

[omaishar]

+1

[dovca]

Also consider destructuring multiple resolved values when using Promise.all:

{#await Promise.all([promiseOne, promiseTwo])}
    Loading...
{:then [firstValue, secondValue]}
    ...
{/await}

[Crisfole]

@dovca that comes free! Promise.all returns a promise of an array, so destructuring that would work correctly

[Conduitry]

In 3.20.0, you can now destructure in await blocks! 🎉

[BulatDashiev]

With destructuring brokes the scope of destructed variables
Example: https://svelte.dev/repl/bd3005bb703f4c85bf72a08603141836?version=3.21.0
Tap on update button