vuetify/lib/labs/VDataTable/composables/options.mjs

Vue Material Component Framework

// Utilities
import { computed, watch } from 'vue';
import { deepEqual, getCurrentInstance } from "../../../util/index.mjs"; // Types
export function useOptions(_ref) {
  let {
    page,
    itemsPerPage,
    sortBy,
    groupBy
  } = _ref;
  const vm = getCurrentInstance('VDataTable');
  const options = computed(() => ({
    page: page.value,
    itemsPerPage: itemsPerPage.value,
    sortBy: sortBy.value,
    groupBy: groupBy.value
  }));

  // Reset page when sorting changes
  watch(sortBy, () => {
    page.value = 1;
  }, {
    deep: true
  });

  // Reset page when items-per-page changes
  watch(itemsPerPage, () => {
    page.value = 1;
  });
  let oldOptions = null;
  watch(options, () => {
    if (deepEqual(oldOptions, options.value)) return;
    vm.emit('update:options', options.value);
    oldOptions = options.value;
  }, {
    deep: true,
    immediate: true
  });
}
//# sourceMappingURL=options.mjs.map