Laravel Vue Semantic-UI Pagination ⚡️

Vue.component('pagination', require('laravel-vue-pagination'));

import pagination from 'laravel-vue-semantic-ui-pagination';

Vue.component('example-component', {
 
    data() {
        return {
            // Our data object that holds the Laravel paginator data
            laravelData: {},
        }
    },
 
    created() {
        // Fetch initial results
        this.getResults();
    },
 
    methods: {
        // Our method to GET results from a Laravel endpoint
        getResults(page) {
            if (typeof page === 'undefined') {
                page = 1;
            }
 
            // Using vue-resource as an example
            this.$http.get('example/results?page=' + page)
                .then(response => {
                    return response.json();
                }).then(data => {
                    this.laravelData = data;
                });
        }
    }
 
});

{
    current_page: 1,
    data: [],
    from: 1,
    last_page: 1,
    next_page_url: null,
    per_page: 10,
    prev_page_url: null,
    to: 1,
    total: 0,
}