If in #each block naming collision

[bwbroersma]

Stuff broke after 1.55.1 for me, I got naming collisions in this case:

{{#each list as nested}}
  {{#if true}}
    <Nested :nested/>
  {{/if}}
{{/each}}
<script>
  import Nested from './Nested.html';
  export default {
    data: () => ({
      list: [1,2]
    }),
    components: {
      Nested
    }
  };
</script>

The output in 1.58.2 is:

// (2:2) {{#if true}}
function create_if_block(component, state) {
	var nested = state.nested, each_value = state.each_value, nested_index = state.nested_index;

	var nested = new Nested({
		root: component.root,
		data: { nested: nested }
	});

	return {
		c: function create() {
			nested._fragment.c();
		},

		m: function mount(target, anchor) {
			nested._mount(target, anchor);
		},

		p: function update(changed, state) {
			nested = state.nested;
			each_value = state.each_value;
			nested_index = state.nested_index;
			var nested_changes = {};
			if (changed.list) nested_changes.nested = nested;
			nested._set(nested_changes);
		},

		u: function unmount() {
			nested._unmount();
		},

		d: function destroy() {
			nested.destroy(false);
		}
	};
}

[bwbroersma]

I think

svelte/src/generators/nodes/EachBlock.ts

Line 64 in fcfbffe

const context = this.block.getUniqueName(this.context);

should be changed to

const context = this.generator.getUniqueName(this.context);

However if I change it I get 3 errors on the runtime deconflict-component-refs test.

[Rich-Harris]

Thank you — this is fixed in 1.60.2