ensure async static props/attributes are awaited

.changeset/eleven-cases-sing.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure async static props/attributes are awaited

packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js

@@ -171,8 +171,6 @@ export function build_component(node, component_name, context) {
 				attribute.value,
 				context,
 				(value, metadata) => {
-					if (!metadata.has_state && !metadata.has_await) return value;
-
 					// When we have a non-simple computation, anything other than an Identifier or Member expression,
 					// then there's a good chance it needs to be memoized to avoid over-firing when read within the
 					// child component (e.g. `active={i === index}`)

packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/element.js

@@ -122,7 +122,7 @@ export function build_attribute_value(value, context, memoize = (value) => value
 
 		return {
 			value: memoize(expression, chunk.metadata.expression),
-			has_state: chunk.metadata.expression.has_state || chunk.metadata.expression.has_await
+			has_state: chunk.metadata.expression.has_state || chunk.metadata.expression.is_async()
 		};
 	}
 

packages/svelte/tests/runtime-runes/samples/async-static-prop-after-await/Child.svelte

@@ -0,0 +1,5 @@
+<script>
+	let { value } = $props();
+</script>
+
+{value}

packages/svelte/tests/runtime-runes/samples/async-static-prop-after-await/_config.js

@@ -0,0 +1,11 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	mode: ['async-server', 'client', 'hydrate'],
+	ssrHtml: 'value <div class="value"></div>',
+	async test({ assert, target }) {
+		await tick();
+		assert.htmlEqual(target.innerHTML, 'value <div class="value"></div>');
+	}
+});

packages/svelte/tests/runtime-runes/samples/async-static-prop-after-await/main.svelte

@@ -0,0 +1,10 @@
+<script>
+	import Child from './Child.svelte';
+	
+	await 1;
+
+	let value = 'value';
+</script>
+ 
+<Child {value} />
+<div class={value}></div>