From 2c7d9351621e39f70f8510150c74ae3816025116 Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Mon, 23 Apr 2018 21:19:22 -0400
Subject: [PATCH] generate correct code for hoisted event handlers

---
 src/generators/nodes/Element.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/generators/nodes/Element.ts b/src/generators/nodes/Element.ts
index 90456e136f..c5d787c74d 100644
--- a/src/generators/nodes/Element.ts
+++ b/src/generators/nodes/Element.ts
@@ -596,18 +596,18 @@ export default class Element extends Node {
 			// create the handler body
 			const handlerBody = deindent`
 				${eventHandlerUsesComponent &&
-					`var #component = ${ctx}._svelte.component;`}
-				${handler.dependencies.size > 0 && `const ctx = #component.get();`}
+					`var ${component} = ${ctx}._svelte.component;`}
+				${handler.dependencies.size > 0 && `const ctx = ${component}.get();`}
 				${handler.snippet ?
 					handler.snippet :
-					`#component.fire("${handler.name}", event);`}
+					`${component}.fire("${handler.name}", event);`}
 			`;
 
 			if (isCustomEvent) {
 				block.addVariable(handlerName);
 
 				block.builders.hydrate.addBlock(deindent`
-					${handlerName} = %events-${handler.name}.call(#component, ${this.var}, function(event) {
+					${handlerName} = %events-${handler.name}.call(${component}, ${this.var}, function(event) {
 						${handlerBody}
 					});
 				`);