Trying to fake keyed updates into working

.gitignore

@@ -1 +1,2 @@
 public/bundle*
+node_modules

src/App.html

@@ -2,15 +2,15 @@
 
 <ol>
 	{{#each arrayToDisplay as id}}
-		<Top bind:top="idToTop[id]">
+		<Top bind:top="idToTop[id]" key="{{id}}">
 			<li>{{id}}: top is {{idToTop[id]}}</li>
 		</Top>
 	{{/each}}
 </ol>
 
 <script>
 	import Top from './Top.html'
-	
+
 	export default {
 		data() {
 			return {
@@ -31,4 +31,4 @@
 			this.observe('idToTop', map => console.log(map))
 		}
 	}
-</script>
+</script>

src/Top.html

@@ -9,6 +9,11 @@
 			window.addEventListener('scroll', listener)
 			this.set({ listener })
 			this.updateTop()
+
+			this.observe('key', id => {
+				console.log('detected id change to', id)
+				this.updateTop()
+			})
 		},
 		ondestroy() {
 			const listener = this.get('listener')