<script>
let items = [
{ id: 1, name: "Milk", done: false },
{ id: 2, name: "Bread", done: true },
{ id: 3, name: "Eggs", done: false }
];
let name = "";
const addItem = () => {
items = [
...items,
{
id: Math.random(),
name,
done: false
}
];
name = "";
};
const remove = item => {
items = items.filter(i => i !== item);
};
const toggle = item => {
item.done = !item.done;
items = items;
};
</script>
<style>
div,
h1 {
color: #333;
max-width: 300px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,