33 lines
641 B
HTML
33 lines
641 B
HTML
<div class="more-items-header">
|
|
<button class="primary" type="button" on:click="onClick(event)">
|
|
{showMoreLabel}
|
|
</button>
|
|
</div>
|
|
<style>
|
|
.more-items-header {
|
|
display: flex;
|
|
padding: 5px;
|
|
align-items: center;
|
|
justify-content:center;
|
|
}
|
|
</style>
|
|
<script>
|
|
import { formatIntl } from '../../_utils/formatIntl'
|
|
|
|
export default {
|
|
methods: {
|
|
onClick (event) {
|
|
const { onClick } = this.get()
|
|
if (onClick) {
|
|
onClick(event)
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
showMoreLabel: ({ count }) => (
|
|
formatIntl('intl.showCountMore', { count })
|
|
)
|
|
}
|
|
}
|
|
</script>
|