{#each items as item}
	<div><input type='checkbox' bind:checked='item.completed'><p>{item.description}</p></div>
{/each}

<p>{numCompleted} completed</p>

<script>
	export default {
		computed: {
			numCompleted ({ items }) {
				return items.reduce( ( total, item ) => total + ( item.completed ? 1 : 0 ), 0 );
			}
		}
	};
</script>