nav.u-pagination.d-flex.align-items-center.flex-wrap(aria-label="Page navigation")
p.mb-2.w-100.text-center.w-sm-auto.mb-sm-0.text-sm-left {{ totalRows.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') }} results
//- p.mb-0.mr-auto {{ totalRows.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') }} results
ul.pagination.mb-0.mx-auto.mr-sm-0
li.page-item(:class="{ disabled: currentPage === 1 }")
a.page-link(aria-label="Previous", @click.stop.prevent="setPage(currentPage - 1)")
span(aria-hidden="true"): i.fa.fa-angle-left
span.sr-only Previous
//- page button
li.page-item(v-for="page in pageListWithMore", :class="{ active: page.active, disabled: page.disabled }", :key="page.value")
span.page-link(v-if="page.active") {{ page.value }}
span.sr-only (Current)
a.page-link.d-none.d-sm-block(@click.stop.prevent="!page.disabled && setPage(page.value)", v-else) {{ page.value }}
//- next button
li.page-item(:class="{ disabled: currentPage == totalPage }")
a.page-link(aria-label="Next", @click.stop.prevent="setPage(currentPage + 1)")
span(aria-hidden="true"): i.fa.fa-angle-right
span.sr-only Next