Fix issue sveltejs#3508

Author: damianpumar

src/compiler/compile/render_dom/index.ts

@@ -81,10 +81,10 @@ export default function dom(
 			${$$props} => {
 				${uses_props && component.invalidate('$$props', `$$props = @assign(@assign({}, $$props), $$new_props)`)}
 				${writable_props.map(prop =>
-					`if ('${prop.export_name}' in ${$$props}) ${component.invalidate(prop.name, `${prop.name} = ${$$props}.${prop.export_name}`)};`
-				)}
+			`if ('${prop.export_name}' in ${$$props}) ${component.invalidate(prop.name, `${prop.name} = ${$$props}.${prop.export_name}`)};`
+		)}
 				${component.slots.size > 0 &&
-				`if ('$$scope' in ${$$props}) ${component.invalidate('$$scope', `$$scope = ${$$props}.$$scope`)};`}
+			`if ('$$scope' in ${$$props}) ${component.invalidate('$$scope', `$$scope = ${$$props}.$$scope`)};`}
 			}
 		`
 		: null;
@@ -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>