Por alguma razao, quando acesso http://localhost:3000/livros/form, em vez dos campos estarem com seus valores vazios e aquele texto Placeholder no fundo, eles estao preenchidos com UIDEFINED. Poderiam me ajudar a entender o porque? Segue o código da rota e do form.marko.
// GET busca o html/marko do formulário
app.get('/livros/form', function (req, resp) {
resp.marko(require('../views/livros/form/form.marko'), { livro: {} });
})<html>
<body>
<h1>Cadastro de livros</h1>
<!-- action mostra para onde os dados serão enviados
metodo fala qual tipo de método está sendo utilizado (CURD) -->
<form action="/livros" method="post">
<!-- <input type="hidden" id="id" name="id" /> -->
<input type="hidden" id="id" name="id" value="${data.livro.id}" />
<div>
<label for="titulo">Titulo:</label>
<input type="text" id="título" name="titulo" placeholder="titulo" value=`${data.livro.titulo}` />
</div>
<div>
<label for="preco">Preço:</label>
<input type="text" id="preco" name="preco" placeholder="000.00" value=`${data.livro.preco}` />
</div>
<div>
<label for="descricao">Descrição:</label>
<textarea cols="20" rows="10" id="descricao" name="descricao" placeholder="descrição" >${data.livro.descricao}</textarea>
</div>
<input type="submit" value="Salvar" />
</form>
</body>
</html>
