Renders the comment list for a post: author info, avatar, threaded replies (level), dates and the comment text. Usually placed on the post template below the content.

Usage

<div data-v-component-comments>
  <div data-v-comment>
    <img src="" data-v-comment-avatar_url alt="Avatar">
    <strong data-v-comment-author></strong>
    <p data-v-comment-content></p>
  </div>
</div>

Settings

  • data-v-post_id / data-v-slug - comments of a specific post (both default to url, i.e. the current post)
  • data-v-user_id - only comments by this user
  • data-v-status - 1 = published, default 1
  • data-v-start - starting offset, default 0
  • data-v-limit - number of comments, default 10
  • data-v-order - sort direction, asc or desc, default asc

Item fields

Each comment renders inside data-v-comment with data-v-comment-author, data-v-comment-content, data-v-comment-avatar_url, data-v-comment-created_at, data-v-comment-level (nesting depth) and the other comment columns.