Runes: destructuring an awaited value to state variables fails

[PatrickG]

Describe the bug

If a is a $state()

({ a, b } = await test());

gets compiled to

(() => {
	const tmp_1 = await test();
	($.set(a, tmp_1.a), b = tmp_1.b);
	return tmp_1;
})()

which throws this error: Cannot use keyword 'await' outside an async function (Note that you need plugins to import files that are not JavaScript) because the IIFE is not async even tho this code is in an async function.

IMO this does not need an IIFE at all. Using a block should be enough:

{
	const tmp_1 = await test();
	($.set(a, tmp_1.a), b = tmp_1.b);
}

Reproduction

REPL

Logs

No response

System Info

Svelte 5 preview

Severity

annoyance

[7nik]

It is IIFE because the expression returns the assigned value.

let c = ({ a,b } = await test());

Though, if there is a mechanism preventing variable names collision, I doubt there is need in wrapping with IIFE or a block, and tmp_1 can be nulled to prevent possible leaks.

Another solution would by pass the assigned value as IIFE's param:

((tmp_1) => {
	($.set(a, tmp_1.a), b = tmp_1.b);
	return tmp_1;
})(await test())