Problema com o dinâmico marko | Node.js Parte 1: Inovando com JavaScript no backend

Tentei fazer exatamente o que o instrutor fez mas aqui ja informa que o For do marko não se ta fazendo mais assim: <for(item in array)> …becomes:

<for|item| of=array> fiz deste jeito e não ta dando. informa um erro: rror: ReferenceError: livro is not defined.

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <h1> Listagem de livros </h1>

        <table>
            <tr>
                <td>ID</td>
                <td>Título</td>
            </tr>
            <tr for |livro| of=data.livros >
                <td> ${livro.id}  </td>
                <td> ${livro.titulo} </td>
            </tr>
        </table> 
    </body> 
</html>

module.exports = (app) =>{
    app.get('/', (req,res) =>{
        res.send("<h1> ola mundo </h1>" )
    })

    app.get('/livros', (req, res) =>{
        res.marko(require('../views/livros/lista/lista.marko')),
        {
            livros: [
                { 
                    id: 1,
                    titulo: 'Fundamentos do Node'
                },
                { 
                    id: 2,
                    titulo: 'Node Avançado'
                }
            ]
        }
    })
}