From 46c99996ca9fc13487f023153235b1f7ee47061c Mon Sep 17 00:00:00 2001
From: tanhauhau <lhtan93@gmail.com>
Date: Sat, 9 Apr 2022 01:37:19 +0800
Subject: [PATCH] fix const declared without let: binding get ignored

---
 src/compiler/compile/nodes/SlotTemplate.ts    |  5 +---
 .../Component.svelte                          |  2 ++
 .../_config.js                                | 15 ++++++++++++
 .../main.svelte                               | 24 +++++++++++++++++++
 4 files changed, 42 insertions(+), 4 deletions(-)
 create mode 100644 test/runtime/samples/const-tag-component-without-let/Component.svelte
 create mode 100644 test/runtime/samples/const-tag-component-without-let/_config.js
 create mode 100644 test/runtime/samples/const-tag-component-without-let/main.svelte

diff --git a/src/compiler/compile/nodes/SlotTemplate.ts b/src/compiler/compile/nodes/SlotTemplate.ts
index cd188596038..90299c8e395 100644
--- a/src/compiler/compile/nodes/SlotTemplate.ts
+++ b/src/compiler/compile/nodes/SlotTemplate.ts
@@ -27,10 +27,7 @@ export default class SlotTemplate extends Node {
 
 		this.validate_slot_template_placement();
 
-		const has_let = info.attributes.some((node) => node.type === 'Let');
-		if (has_let) {
-			scope = scope.child();
-		}
+		scope = scope.child();
 
 		info.attributes.forEach((node) => {
 			switch (node.type) {
diff --git a/test/runtime/samples/const-tag-component-without-let/Component.svelte b/test/runtime/samples/const-tag-component-without-let/Component.svelte
new file mode 100644
index 00000000000..e9e76f19b9d
--- /dev/null
+++ b/test/runtime/samples/const-tag-component-without-let/Component.svelte
@@ -0,0 +1,2 @@
+<slot name="box1" />
+<slot />
diff --git a/test/runtime/samples/const-tag-component-without-let/_config.js b/test/runtime/samples/const-tag-component-without-let/_config.js
new file mode 100644
index 00000000000..047e034ce98
--- /dev/null
+++ b/test/runtime/samples/const-tag-component-without-let/_config.js
@@ -0,0 +1,15 @@
+export default {
+	html: `
+		<div>static dynamic</div>
+		<div>static dynamic</div>
+		<div>static dynamic</div>
+	`,
+	async test({ component, target, assert }) {
+		component.props = 'xxx';
+		assert.htmlEqual(target.innerHTML, `
+			<div>static xxx</div>
+			<div>static xxx</div>
+			<div>static xxx</div>
+		`);
+	}
+};
diff --git a/test/runtime/samples/const-tag-component-without-let/main.svelte b/test/runtime/samples/const-tag-component-without-let/main.svelte
new file mode 100644
index 00000000000..9bee015c98c
--- /dev/null
+++ b/test/runtime/samples/const-tag-component-without-let/main.svelte
@@ -0,0 +1,24 @@
+<script>
+	import Component from './Component.svelte';
+	export let props = "dynamic";
+</script>
+
+<Component>
+	<svelte:fragment slot="box1">
+		{@const foo = "static"}
+		{@const bar = props}
+		<div>{foo} {bar}</div>
+	</svelte:fragment>
+
+	<svelte:fragment>
+		{@const foo = "static"}
+		{@const bar = props}
+		<div>{foo} {bar}</div>
+	</svelte:fragment>
+</Component>
+
+<Component>
+	{@const foo = "static"}
+	{@const bar = props}
+	<div>{foo} {bar}</div>
+</Component>