Pagination rendering "No relevant data"

Hi I can't get pagination displayed Here is my component :

          <vuetable ref="vuetable"
             :api-url="apiUrl"
             :httpOptions="requestOptions()"             
             :fields="columns"
             :css="css.table"
             :render-icon='renderBootstrapIcon'
             data-path="issues"
             pagination-component="vuetable-pagination"
             pagination-path="pagination"
            @vuetable:cell-clicked="onCellClicked">
          </vuetable>
          <div class="vuetable-pagination mt-2 p-3 card no-body">
            <vuetable-pagination-info ref="paginationInfo"    
            ></vuetable-pagination-info>
             <vuetable-pagination ref="pagination"                
                :css="css.pagination"                
                @vuetable-pagination:change-page="onChangePage"
              ></vuetable-pagination>
          </div>

And the JSON response from the API :

{
    "total": 1,
    "issues": [
        {
            "id": 1,
            "title": "vfdvfdvfdbvfdbdfbfdb",
            "rubric": "RECLAMATION",
            "subrubric": "",
            "company": "SFRF",
            "organization": "ST3",
            "category": "PF",
            "description": "sddsbsbdsbvrgregrgrergrsdbdsb",
            "status": "CREATED",
            "created_at": "2019-10-17T01:06:52.981+02:00",
            "priority": "high",
            "ack_at": null,
            "due_at": null
        }
    ],
    "pagination": {
        "total": 1,
        "per_page": 1,
        "current_page": 1,
        "last_page": 1,
        "prev_page_url": "http://localhost:3000/v2/issues?page=&q=",
        "next_page_url": "http://localhost:3000/v2/issues?page=&q=",
        "last_page_url": "http://localhost:3000/v2/issues?page=1&q=",
        "from": 1,
        "to": 1
    }
}

What I am be missing ?

ratiw / vuetable-2-tutorial

Pagination rendering "No relevant data" #117