useOffsetPagination: reactive total option

[lbineau]

It seems useOffsetPagination total option is not reactive.

export default {
  setup (props) {
    const {
      currentPage,
      currentPageSize,
      pageCount
    } = useOffsetPagination({
      total: props.locations.length,
      page: 1,
      pageSize: 15
    })
  }
}

When props.locations array is being updated, I'd like the pagination total to be update as well.
My usecase is pretty generic, I'm calling a webservice that returns a list of locations. I don't know it's length before I've got the service response.
Do you have any idea how to achieve that?

[lbineau]

I'll answer my own question.
I've deep dived in the source code the expected type for total is a MaybeRef<number>
It seems useOffsetPagination total option is not reactive.

So the secret is to wrap the length as a Ref or a ComputedRef

export default {
  setup (props) {
    const placesLength = computed(() => props.location.length)
    const {
      currentPage,
      currentPageSize,
      pageCount
    } = useOffsetPagination({
      total: placesLength,
      page: 1,
      pageSize: 15
    })
  }
}