vuetify-editable-data-grid/src/utils/numberUtils.ts

A highly customizable and interactive editable data table component built with Vue 3 and Vuetify 3. This component supports inline editing, undo/redo functionality, column visibility filters, drag-to-fill (like Excel), and more.

/**
 * Formats a number according to the specified options.
 *
 * @param {number} value - The number to format.
 * @param {Object} [options={}] - Optional settings for formatting.
 * @param {number} [options.minimumFractionDigits=0] - The minimum number of fraction digits to use.
 * @param {number} [options.maximumFractionDigits=2] - The maximum number of fraction digits to use.
 * @returns {string} - The formatted number as a string.
 */
interface FormatNumberOptions {
  minimumFractionDigits?: number;
  maximumFractionDigits?: number;
}

export function formatNumber(value: string | number | bigint, options: FormatNumberOptions = {}) {
  const { minimumFractionDigits = 0, maximumFractionDigits = 2 } = options;

  const numericValue = typeof value === 'string' ? parseFloat(value) : value;
  return new Intl.NumberFormat(undefined, {
    minimumFractionDigits,
    maximumFractionDigits
  }).format(numericValue);
}