Lists with repeat

To render an array, use the repeat() helper. It takes three arguments: the items array, a key function, and a render function. Wrap the call in a reactive interpolation ${() => ...} so it re-runs when the array changes.

# Signature

repeat(items, keyFn, renderFn)

• items — an array (read the signal inside a ${() => ...} interpolation).
• keyFn — returns a unique key for each item (used for efficient updates).
• renderFn — returns a template for each item.

# Example

${() => repeat(
  fruits.value,
  (fruit) => fruit,
  (fruit) => html`<li>${fruit}</li>`
)}

# Your task

Replace the static <li>item</li> with a repeat() call that renders each fruit. Then click "Add date" to see the list update.