<pagination ref="{{ $ref }}" inline-template>
<ul class="pagination">
    <li class="page-item">
        <a class="page-link" href="#">
            <i class="fas fa-long-arrow-alt-left"></i>
        </a>
    </li>
    <li class="page-item"><a class="page-link active" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item"><a class="page-link" href="#">4</a></li>
    <li class="page-item">
        <a class="page-link" href="#">
            <i class="fas fa-long-arrow-alt-right"></i>
        </a>
    </li>
</ul>
</pagination>

@once
@push('js')
    <script>
        Vue.component('pagination', {
            data: function () {
                return {
                };
            },
            methods: {
                getResults(page) {
                    console.log(page)

                }
            }
        });
    </script>
@endpush
@endonce
