import { ref, onMounted } from 'vue';

export function usePagination(props) {
  const pagination = ref(null);

  if (props.async && !pagination.value) {
    pagination.value = {
      sortBy: '',
      descending: false,
      page: 1,
      rowsPerPage: 20,
      rowsNumber: 0,
    };
  }

  onMounted(() => {
    if (props.pagination) {
      pagination.value = { ...props.pagination };
    }
  });

  return {
    pagination,
  };
}