Fix issue #3508

src/compiler/compile/render_dom/index.ts

@@ -243,7 +243,11 @@ export default function dom(
 
 	const filtered_declarations = component.vars
 		.filter(v => ((v.referenced || v.export_name) && !v.hoistable))
-		.map(v => v.name);
+		.map(v =>
+			v.export_name && v.export_name !== v.name
+				? ` ${v.export_name} : ${v.name},  ${v.name}`
+				: v.name
+		);
 
 	if (uses_props) filtered_declarations.push(`$$props: $$props = ${component.helper('exclude_internal_props')}($$props)`);
 

test/runtime/samples/binding-with-inner-alias/_config.js

@@ -0,0 +1,7 @@
+export default {
+	html: `
+	<p>my name is john</p>
+	<p>my color is blue</p>
+	<p>bound name is john</p>
+	<p>bound color is blue</p>`,
+};

test/runtime/samples/binding-with-inner-alias/component.svelte

@@ -0,0 +1,8 @@
+<script>
+	let alias;
+	let color;
+	export { alias as name, color };
+</script>
+
+<p>my name is {alias}</p>
+<p>my color is {color}</p>

test/runtime/samples/binding-with-inner-alias/main.svelte

@@ -0,0 +1,10 @@
+<script>
+	import Component from './component.svelte';
+
+	let name = 'john';
+	let color = 'blue';
+</script>
+
+<Component bind:name bind:color />
+<p>bound name is {name}</p>
+<p>bound color is {color}</p>