laravel vue 3 pagination not shown in template

[umerghori786]

i am facing an issue i installed Laravel Vue Pagination today but its view not comes on template here it is my code

<template>
  <div>
    <ul>
      <li v-for="post in laravelData.data" :key="post.id">{{ post.title }}</li>
    </ul>

    <Bootstrap4Pagination
        :data="laravelData"
        @pagination-change-page="getResults"
    />
  </div>
</template>

<script setup>
import { ref } from 'vue';
import { Bootstrap4Pagination } from 'laravel-vue-pagination';

const laravelData = ref({});

const getResults = async (page = 1) => {
    const response = await fetch(`/api/products?page=${page}`);
    laravelData.value = await response.json();
}

getResults();
</script>

here it show product response return

here i see nothing UI of pagination

thanks

[umerghori786]

can you tell suggestion

[luoxiangxu]

i have the same problem

[luoxiangxu]

do you have the solution?

[repeater09]

I dont know if I will help you guys since it's been a while but what worked for me was creating a resource/collection for the data I was using.

When I did that it properly laid out the data object along with the links object that this looks for.