Pagination do not work correctly if I set page not in range of sibling-count

[hieuNV0871]

<Pagination v-model:page="queries.page" :total="list_order?.total" :itemsPerPage="queries.limit" :sibling-count="1" show-edges :default-page="defaultParams.page"> <PaginationList v-slot="{ items }" class="flex items-center gap-1"> <template v-for="(item, index) in items"> <PaginationListItem v-if="item.type === 'page'" :key="index" :value="item.value" as-child> <Button class="primary_customer w-7" :variant="item.value == queries.page ? 'default' : 'outline'"> {{ item.value }} </Button> </PaginationListItem> <PaginationEllipsis v-else :key="item.type" :index="index" /> </template> </PaginationList> </Pagination>

const queries = ref({page: route.query.page ?? 1, limit: route.query.limit})

1. if the pagination list is <= 1 2 3 4 5... 21 =>
2. When i type "?page=6&limit=20" (6 not in viewport pagination list) in URL, the pagination update to <= 1 ... 17 18 19 20 21=> not include 6