`bind:group` does not work with nested components

README.md

Created with svelte.technology/repl

App.svelte

{#each menu as flavour}
	<Flavour {flavour}/>
{/each}

<script>
	import Flavour from "./Flavour.svelte"
	let menu = [
		'Cookies and cream',
		'Mint choc chip',
		'Raspberry ripple'
	];
</script>

Flavour.svelte

<label>
		<input type=checkbox bind:group={$flavours} value={flavour}>
		{flavour}
</label>
<script>
	import { flavours } from "./stores.js"
	export let flavour
</script>

meta.json

{
  "svelte": true
}

stores.js

import { writable } from 'svelte/store';

export const flavours = writable([]);

flavours.subscribe(console.log)