only apply reactivity to assignments to top-level variables

src/compile/Component.ts

@@ -543,6 +543,8 @@ export default class Component {
 			}
 		});
 
+		const top_scope = scope;
+
 		walk(js.content, {
 			enter(node) {
 				if (map.has(node)) {
@@ -551,8 +553,16 @@ export default class Component {
 
 				if (node.type === 'AssignmentExpression') {
 					const { name } = flattenReference(node.left);
+
+					if (scope.findOwner(name) === top_scope) {
+						// TODO verify that it needs to be reactive, i.e. is
+						// used in the template (and not just in an event
+						// handler or transition etc)
+
+						// TODO handle arrow function expressions etc
 						code.appendLeft(node.end, `; $$make_dirty('${name}')`);
 					}
+				}
 
 			},