Initial commit.

web/src/composables/formatters.js

@@ -0,0 +1,60 @@
+/**
+ * Format a number with K/M suffixes for large values
+ */
+export function formatNumber(n) {
+  if (n === null || n === undefined) return '0'
+  if (n >= 1000000) {
+    return (n / 1000000).toFixed(1) + 'M'
+  }
+  if (n >= 1000) {
+    return (n / 1000).toFixed(1) + 'K'
+  }
+  return String(n)
+}
+
+/**
+ * Format hours as a human-readable duration
+ */
+export function formatDuration(hours) {
+  if (hours === null || hours === undefined) return '-'
+  if (hours < 1) {
+    return Math.round(hours * 60) + 'm'
+  }
+  if (hours < 24) {
+    return hours.toFixed(1) + 'h'
+  }
+  return (hours / 24).toFixed(1) + 'd'
+}
+
+/**
+ * Format a date string or Date object
+ */
+export function formatDate(dateInput) {
+  if (!dateInput) return ''
+  const date = new Date(dateInput)
+  return date.toLocaleDateString('en-US', {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric'
+  })
+}
+
+/**
+ * Format a number as a percentage
+ */
+export function formatPercent(value) {
+  if (value === null || value === undefined) return '0%'
+  return value.toFixed(1) + '%'
+}
+
+/**
+ * Convert a string to a URL-friendly slug
+ */
+export function slugify(str) {
+  if (!str) return ''
+  return str
+    .toLowerCase()
+    .replace(/\s+/g, '-')
+    .replace(/_/g, '-')
+    .replace(/[^a-z0-9-]/g, '')
+}