渲染时不清除输入

Question

在新输入元素之前添加新输入元素时，该输入元素已经包含用户输入的文本，该文本不会从该元素中清除。 使用lit-html时是否需要手动清除输入？

https://jsfiddle.net/9mqL6shy/2/

import {html, render} from 'https://unpkg.com/lit-html?module';

class Person {name = ""}
const persons = [new Person]
const target = document.createElement('div')


const personTemplate = (person) => html`<div><input type="text" @input="${e => person.name = e.target.value}" .value="${person.name}"></div>`
const myTemplate = (persons) => html`${persons.map(person => personTemplate(person))}`;
render(myTemplate(persons), target);

const button = document.createElement("button")
button.textContent = "press"
button.addEventListener('click', () => {
  persons.unshift(new Person)
  render(myTemplate(persons), target);
})

document.body.appendChild(button)
document.body.appendChild(target)

当在输入字段中输入一些文本然后按下按钮时，我希望输入中的文本将被清除。