app.jsx

<div className={VSS(focus.styles, "app")}>
  {focus.currentPage}
  <ul className="menu">
  <ForEach context={{origin: focus}}
    focus={focus[Relatable.getRelations]("page").sort( (a, b) => a.order - b.order)}>
    <li className={origin.currentPage === focus[Relation.target] ? "current" : null}
      onClick={() => origin.currentPage = focus[Relation.target]}>
      {focus[Relation.target][Valaa.name]}
    </li>
  </ForEach>
  </ul>
</div>