reduce diff

packages/svelte/src/compiler/phases/3-transform/shared/transform-async.js

@@ -77,8 +77,15 @@ export function transform_body(program, awaited_statements, runner, transform, h
 		}
 
 		if (node.type === 'VariableDeclaration') {
-			for (const declarator of node.declarations) {
-				push(declarator);
+			if (
+				!awaited &&
+				node.declarations.every((declarator) => !awaited_statements.get(declarator)?.has_await)
+			) {
+				out.push(/** @type {ESTree.VariableDeclaration} */ (transform(node)));
+			} else {
+				for (const declarator of node.declarations) {
+					push(declarator);
+				}
 			}
 		} else {
 			push(node);

packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/client/index.svelte.js

@@ -3,9 +3,9 @@ import 'svelte/internal/flags/async';
 import * as $ from 'svelte/internal/client';
 
 export default function Async_each_hoisting($$anchor) {
-	var first = Promise.resolve(1);
-	var second = Promise.resolve(2);
-	var third = Promise.resolve(3);
+	const first = Promise.resolve(1);
+	const second = Promise.resolve(2);
+	const third = Promise.resolve(3);
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 

packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/server/index.svelte.js

@@ -2,9 +2,9 @@ import 'svelte/internal/flags/async';
 import * as $ from 'svelte/internal/server';
 
 export default function Async_each_hoisting($$renderer) {
-	var first = Promise.resolve(1);
-	var second = Promise.resolve(2);
-	var third = Promise.resolve(3);
+	const first = Promise.resolve(1);
+	const second = Promise.resolve(2);
+	const third = Promise.resolve(3);
 
 	$$renderer.push(`<!--[-->`);
 

packages/svelte/tests/snapshot/samples/await-block-scope/_expected/client/index.svelte.js

@@ -4,8 +4,8 @@ import * as $ from 'svelte/internal/client';
 var root = $.from_html(`<button> </button> <!> `, 1);
 
 export default function Await_block_scope($$anchor) {
-	var counter = $.proxy({ count: 0 });
-	var promise = $.derived(() => Promise.resolve(counter));
+	let counter = $.proxy({ count: 0 });
+	const promise = $.derived(() => Promise.resolve(counter));
 
 	function increment() {
 		counter.count += 1;

packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js

@@ -1,8 +1,8 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Await_block_scope($$renderer) {
-	var counter = { count: 0 };
-	var promise = Promise.resolve(counter);
+	let counter = { count: 0 };
+	const promise = Promise.resolve(counter);
 
 	function increment() {
 		counter.count += 1;

packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/client/index.svelte.js

@@ -13,8 +13,8 @@ const snippet = ($$anchor) => {
 var root = $.from_html(`<!> `, 1);
 
 export default function Bind_component_snippet($$anchor) {
-	var value = $.state('');
-	var _snippet = snippet;
+	let value = $.state('');
+	const _snippet = snippet;
 	var fragment = root();
 	var node = $.first_child(fragment);
 

packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js

@@ -6,8 +6,8 @@ function snippet($$renderer) {
 }
 
 export default function Bind_component_snippet($$renderer) {
-	var value = '';
-	var _snippet = snippet;
+	let value = '';
+	const _snippet = snippet;
 	let $$settled = true;
 	let $$inner_renderer;
 

packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/client/main.svelte.js

@@ -4,10 +4,10 @@ import * as $ from 'svelte/internal/client';
 var root = $.from_html(`<div></div> <svg></svg> <custom-element></custom-element> <div></div> <svg></svg> <custom-element></custom-element>`, 3);
 
 export default function Main($$anchor) {
-	var // needs to be a snapshot test because jsdom does auto-correct the attribute casing
-	x = 'test';
+	// needs to be a snapshot test because jsdom does auto-correct the attribute casing
+	let x = 'test';
 
-	var y = () => 'test';
+	let y = () => 'test';
 	var fragment = root();
 	var div = $.first_child(fragment);
 

packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/server/main.svelte.js

@@ -1,10 +1,10 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Main($$renderer) {
-	var // needs to be a snapshot test because jsdom does auto-correct the attribute casing
-	x = 'test';
+	// needs to be a snapshot test because jsdom does auto-correct the attribute casing
+	let x = 'test';
 
-	var y = () => 'test';
+	let y = () => 'test';
 
 	$$renderer.push(`<div${$.attr('foobar', x)}></div> <svg${$.attr('viewBox', x)}></svg> <custom-element${$.attr('foobar', x)}></custom-element> <div${$.attr('foobar', y())}></div> <svg${$.attr('viewBox', y())}></svg> <custom-element${$.attr('foobar', y())}></custom-element>`);
 }

packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/client/index.svelte.js

@@ -2,13 +2,13 @@ import 'svelte/internal/disclose-version';
 import * as $ from 'svelte/internal/client';
 
 export default function Function_prop_no_getter($$anchor) {
-	var count = $.state(0);
+	let count = $.state(0);
 
 	function onmouseup() {
 		$.set(count, $.get(count) + 2);
 	}
 
-	var plusOne = (num) => num + 1;
+	const plusOne = (num) => num + 1;
 
 	Button($$anchor, {
 		onmousedown: () => $.set(count, $.get(count) + 1),

packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/server/index.svelte.js

@@ -1,13 +1,13 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Function_prop_no_getter($$renderer) {
-	var count = 0;
+	let count = 0;
 
 	function onmouseup() {
 		count += 2;
 	}
 
-	var plusOne = (num) => num + 1;
+	const plusOne = (num) => num + 1;
 
 	Button($$renderer, {
 		onmousedown: () => count += 1,

packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/client/index.svelte.js

@@ -4,8 +4,8 @@ import * as $ from 'svelte/internal/client';
 var root = $.from_html(`<h1></h1> <b></b> <button> </button> <h1></h1>`, 1);
 
 export default function Nullish_coallescence_omittance($$anchor) {
-	var name = 'world';
-	var count = $.state(0);
+	let name = 'world';
+	let count = $.state(0);
 	var fragment = root();
 	var h1 = $.first_child(fragment);
 

packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/server/index.svelte.js

@@ -1,8 +1,8 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Nullish_coallescence_omittance($$renderer) {
-	var name = 'world';
-	var count = 0;
+	let name = 'world';
+	let count = 0;
 
 	$$renderer.push(`<h1>Hello, world!</h1> <b>123</b> <button>Count is ${$.escape(count)}</button> <h1>Hello, world</h1>`);
 }

packages/svelte/tests/snapshot/samples/props-identifier/_expected/client/index.svelte.js

@@ -4,7 +4,7 @@ import * as $ from 'svelte/internal/client';
 export default function Props_identifier($$anchor, $$props) {
 	$.push($$props, true);
 
-	var props = $.rest_props($$props, ['$$slots', '$$events', '$$legacy']);
+	let props = $.rest_props($$props, ['$$slots', '$$events', '$$legacy']);
 
 	$$props.a;
 	props[a];

packages/svelte/tests/snapshot/samples/props-identifier/_expected/server/index.svelte.js

@@ -2,7 +2,7 @@ import * as $ from 'svelte/internal/server';
 
 export default function Props_identifier($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		var { $$slots, $$events, ...props } = $$props;
+		let { $$slots, $$events, ...props } = $$props;
 
 		props.a;
 		props[a];

packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js

@@ -1,7 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Skip_static_subtree($$renderer, $$props) {
-	var { title, content } = $$props;
+	let { title, content } = $$props;
 
 	$$renderer.push(`<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1>${$.escape(title)}</h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> ${$.html(content)} <p>these</p> <p>trailing</p> <p>nodes</p> <p>can</p> <p>be</p> <p>completely</p> <p>ignored</p></main> <cant-skip><custom-elements with="attributes"></custom-elements></cant-skip> <div><input autofocus/></div> <div><source muted/></div> <select>`);
 

packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/client/index.svelte.js

@@ -4,8 +4,8 @@ import * as $ from 'svelte/internal/client';
 var root = $.from_html(`<input/> <input/> <button>reset</button>`, 1);
 
 export default function State_proxy_literal($$anchor) {
-	var str = $.state('');
-	var tpl = $.state(``);
+	let str = $.state('');
+	let tpl = $.state(``);
 
 	function reset() {
 		$.set(str, '');

packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/server/index.svelte.js

@@ -1,8 +1,8 @@
 import * as $ from 'svelte/internal/server';
 
 export default function State_proxy_literal($$renderer) {
-	var str = '';
-	var tpl = ``;
+	let str = '';
+	let tpl = ``;
 
 	function reset() {
 		str = '';

packages/svelte/tests/snapshot/samples/svelte-element/_expected/client/index.svelte.js

@@ -2,7 +2,7 @@ import 'svelte/internal/disclose-version';
 import * as $ from 'svelte/internal/client';
 
 export default function Svelte_element($$anchor, $$props) {
-	var tag = $.prop($$props, 'tag', 3, 'hr');
+	let tag = $.prop($$props, 'tag', 3, 'hr');
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 

packages/svelte/tests/snapshot/samples/svelte-element/_expected/server/index.svelte.js

@@ -1,7 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Svelte_element($$renderer, $$props) {
-	var { tag = 'hr' } = $$props;
+	let { tag = 'hr' } = $$props;
 
 	$.element($$renderer, tag);
 }

packages/svelte/tests/snapshot/samples/text-nodes-deriveds/_expected/client/index.svelte.js

@@ -4,8 +4,8 @@ import * as $ from 'svelte/internal/client';
 var root = $.from_html(`<p> </p>`);
 
 export default function Text_nodes_deriveds($$anchor) {
-	var count1 = 0;
-	var count2 = 0;
+	let count1 = 0;
+	let count2 = 0;
 
 	function text1() {
 		return count1;

packages/svelte/tests/snapshot/samples/text-nodes-deriveds/_expected/server/index.svelte.js

@@ -1,8 +1,8 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Text_nodes_deriveds($$renderer) {
-	var count1 = 0;
-	var count2 = 0;
+	let count1 = 0;
+	let count2 = 0;
 
 	function text1() {
 		return count1;