src/components/Mixins/BVPaginationMixin.js

import i18n from '@/i18n';
export const currentPage = 1;
export const perPage = 20;
export const itemsPerPageOptions = [
  {
    value: 10,
    text: '10',
  },
  {
    value: 20,
    text: '20',
  },
  {
    value: 30,
    text: '30',
  },
  {
    value: 40,
    text: '40',
  },
  {
    value: 0,
    text: i18n.global.t('global.table.viewAll'),
  },
];
const BVPaginationMixin = {
  watch: {
    perPage(newPerPage) {
      // When switching to "View all" (perPage === 0), reset to first page
      // to avoid empty views when previously on a later page.
      if (newPerPage === 0) {
        this.currentPage = 1;
      }
    },
  },
  methods: {
    getTotalRowCount(count) {
      return this.perPage === 0 ? 0 : count;
    },
  },
};

export default BVPaginationMixin;