What's more _readable_ in your opinion?

test.jsx

<Card>
    <h4 className="TaskListItem_title">
        <span className="TaskListItem_icon-type">
            <Icon name={iconMap[type]}/>
        </span>
        {title} <span className="TaskListItem_id">#{id}</span>
    </h4>

    <div className="TaskListItem_stats">
        <p className="TaskListItem_stat-item"><Icon name="code-fork"/> {commits}</p>
        <p className="TaskListItem_stat-item"><Icon name="comment"/> {comments}</p>
        <p className="TaskListItem_stat-item"><Icon name="warning"/> {issues}</p>
    </div>
</Card>

test.slim

Card
  h4.TaskListItem_title
    .TaskListItem_icon-type
      Icon name=iconMap[type]
    = title
    .TaskListItem_id= id
  .TaskListItem_stats
    p.TaskListItem_stat-item
      Icon name="code-fork"
      = commits
    p.TaskListItem_stat-item
      Icon name="comment"
      = comments
    p.TaskListItem_stat-item
      Icon name="warning"
      = issues