template.hbs

<div class="row">
  <div class="col-sm-8 table-wrapper">
    {{#vertical-collection
        tagName="li"
        content=pages
        defaultHeight=350
        useContentProxy=true
        lastReached="loadBelow"
        containerSelector=".table-wrapper"
        as |page|
      }}
      <div class="page-cell">
        {{fb-page item=page}}
      </div>
      {{/vertical-collection}}
    
      <ul id="user-likes" class="like-class">
      {{!-- {{#each item in pages}}
      <li class="like-item">
          <div class="row">
            <div class="page-section col-sm-12">
              <span class="page-name"><a target="_blank" {{bind-attr href=item.link}}>{{item.name}}</a></span>
              <span class="page-date">{{formatted-date item.created_time 'LL'}}</span>
            </div>
          </div>



          <div class="talking-section">
            <span class="bolded">{{item.talking_about_count}}</span> people talking about it.
          </div>

          <div class="like-button">
            {{like-button pageUrl=item.buttonURL page=item}}
          </div>
        </li>

        <hr>

      {{else}}
        <span class="bolded">Finished loading items!!</span>
        {{/each}}--}}
    </ul>

  </div>
</div>