| 
1 | 1 | <template>  | 
2 | 2 |   <ul :class="bem()" v-show="totalResults > 0">  | 
3 |  | -    <li :class="[bem('item', 'first'), page === 1 ? bem('item', 'disabled') : '']">  | 
 | 3 | +    <li :class="[bem('item', 'first'), page === 1 ? bem('item', 'disabled', false) : '']">  | 
4 | 4 |       <a href="#" @click.prevent="goToFirstPage" :class="bem('link')">  | 
5 | 5 |         <slot name="first"><<</slot>  | 
6 | 6 |       </a>  | 
7 | 7 |     </li>  | 
8 |  | -    <li :class="[bem('item', 'previous'), page === 1 ? bem('item', 'disabled') : '']">  | 
 | 8 | +    <li :class="[bem('item', 'previous'), page === 1 ? bem('item', 'disabled', false) : '']">  | 
9 | 9 |       <a href="#" @click.prevent="goToPreviousPage" :class="bem('link')">  | 
10 | 10 |         <slot name="previous"><</slot>  | 
11 | 11 |       </a>  | 
12 | 12 |     </li>  | 
13 |  | -    <li v-for="item in pages" :key="item" :class="[bem('item'), page === item ? bem('item', 'active') : '']" >  | 
 | 13 | +    <li v-for="item in pages" :key="item" :class="[bem('item'), page === item ? bem('item', 'active', false) : '']" >  | 
14 | 14 |       <a href="#" @click.prevent="goToPage(item)" :class="bem('link')">  | 
15 | 15 |         <slot :value="item" :active="item === page">  | 
16 | 16 |           {{ item }}  | 
17 | 17 |         </slot>  | 
18 | 18 |       </a>  | 
19 | 19 |     </li>  | 
20 |  | -    <li :class="[bem('item', 'next'), page >= totalPages ? bem('item', 'disabled') : '']">  | 
 | 20 | +    <li :class="[bem('item', 'next'), page >= totalPages ? bem('item', 'disabled', false) : '']">  | 
21 | 21 |       <a href="#" @click.prevent="goToNextPage" :class="bem('link')">  | 
22 | 22 |         <slot name="next">></slot>  | 
23 | 23 |       </a>  | 
24 | 24 |     </li>  | 
25 |  | -    <li :class="[bem('item', 'last'), page >= totalPages ? bem('item', 'disabled') : '']">  | 
 | 25 | +    <li :class="[bem('item', 'last'), page >= totalPages ? bem('item', 'disabled', false) : '']">  | 
26 | 26 |       <a href="#" @click.prevent="goToLastPage" :class="bem('link')">  | 
27 | 27 |         <slot name="last">>></slot>  | 
28 | 28 |       </a>  | 
 | 
0 commit comments