File tree 1 file changed +6
-4
lines changed
1 file changed +6
-4
lines changed Original file line number Diff line number Diff line change 2
2
<div class =" vue-tiny-pagination" >
3
3
<ul class =" tiny-pagination" :class =" customClass" >
4
4
<li class =" page-item" :class =" classFirstPage" >
5
- <a href =" #" @click.prevent =" lastPage" >{{translation.prev}}</a >
5
+ <a class = " btn-prev-page " href =" #" @click.prevent =" lastPage" >{{translation.prev}}</a >
6
6
</li >
7
7
<li class =" page-item" >
8
8
<span >{{titlePage}}</span >
9
9
</li >
10
10
<li class =" page-item" :class =" classLastPage" >
11
- <a href =" #" @click.prevent =" nextPage" >{{translation.next}}</a >
11
+ <a class = " btn-next-page " href =" #" @click.prevent =" nextPage" >{{translation.next}}</a >
12
12
</li >
13
13
<li class =" page-item" >
14
14
<select class =" tiny-form-select" v-model =" currentLimit" @change =" onLimitChange" >
23
23
</template >
24
24
25
25
<script >
26
- import {Language } from ' ../utils'
26
+ import {Language , AvailableLanguages } from ' ../utils'
27
27
export default {
28
28
name: ' TinyPagination' ,
29
29
props: {
@@ -60,7 +60,9 @@ export default {
60
60
},
61
61
computed: {
62
62
translation () {
63
- return Language .translations [this .lang ]
63
+ return (AvailableLanguages .includes (this .lang )) ?
64
+ Language .translations [this .lang ]
65
+ : Language .translations [' en' ]
64
66
},
65
67
totalPages () {
66
68
return Math .ceil (this .total / this .currentLimit )
You can’t perform that action at this time.
0 commit comments