fix shadowing

src/compiler/compile/render_dom/Renderer.ts

@@ -167,15 +167,23 @@ export default class Renderer {
 
 		const variable = this.component.var_lookup.get(head);
 
-		// TODO this feels woolly. might encounter false positive
+		// // TODO this feels woolly. might encounter false positive
-		// if each context shadows top-level var
+		// // if each context shadows top-level var
+		// if (variable) {
+		// 	this.component.add_reference(name); // TODO we can probably remove most other occurrences of this
+
+		// 	if (!variable.hoistable) {
+		// 		head = x`#ctx[${i}]`;
+		// 	}
+		// } else if (i !== undefined) {
+		// 	head = x`#ctx[${i}]`;
+		// }
+
 		if (variable) {
 			this.component.add_reference(name); // TODO we can probably remove most other occurrences of this
+		}
 
-			if (!variable.hoistable) {
+		if (i !== undefined) {
-				head = x`#ctx[${i}]`;
-			}
-		} else if (i !== undefined) {
 			head = x`#ctx[${i}]`;
 		}
 

test/runtime/samples/each-block-scope-shadow/_config.js

@@ -1,3 +1,3 @@
 export default {
-	html: '(alpaca)(baboon)(capybara)'
+	html: '(alpaca)(baboon)(capybara) (lemur)'
 };

test/runtime/samples/each-block-scope-shadow/main.svelte

@@ -2,6 +2,8 @@
 	({animal})
 {/each}
 
+({animal})
+
 <script>
 	let animal = 'lemur';
 	let animals = ['alpaca', 'baboon', 'capybara'];