Normalize conversion factor formatting

hdyc-svelte/src/lib/components/QuickConversionExample.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { solve } from '$lib/engine';
   import type { CalculatorDef } from '$lib/data/calculators';
+  import { formatConversionValue } from '$lib/utils/formatConversionValue';
 
   export let config: CalculatorDef;
 
@@ -17,40 +18,29 @@
     ? solve(config, 1, exampleInput.toString(), '', '')
     : null;
   $: offset = config.offset ?? 0;
-  $: formulaExpression = supportsExample
-    ? `${exampleInput} × ${config.factor}${offset ? ` + ${offset}` : ''}`
+  $: hasOffset = Boolean(offset);
+  $: formattedFactorValue = supportsExample
+    ? formatConversionValue(config.factor)
+    : '';
+  $: formattedOffsetValue = hasOffset
+    ? formatConversionValue(offset)
+    : '';
+  $: formulaExpression = supportsExample
+    ? `${exampleInput} × ${formattedFactorValue}${hasOffset ? ` + ${formattedOffsetValue}` : ''}`
     : '';
-
-  const formatExampleValue = (value: number | null): string => {
-    if (value === null || Number.isNaN(value)) {
-      return '—';
-    }
-    if (!Number.isFinite(value)) {
-      return value.toString();
-    }
-    if (value === 0) {
-      return '0';
-    }
-    const rounded = parseFloat(value.toFixed(6));
-    if (rounded !== 0) {
-      return rounded.toString();
-    }
-    const precise = value.toFixed(12).replace(/\.?0+$/, '');
-    return precise || '0';
-  };
 
   $: reverseExampleValue =
     supportsExample && config.factor !== 0
       ? (1 - offset) / config.factor
       : null;
-  $: formattedReverseValue = formatExampleValue(reverseExampleValue);
+  $: formattedReverseValue = formatConversionValue(reverseExampleValue);
 </script>
 
 {#if supportsExample && result}
   <section class="example-card">
     <h3>How to convert {config.labels.in1} to {config.labels.in2}</h3>
     <p class="example-note">
-      1 {config.labels.in1} = {config.factor}{config.offset ? ` + ${config.offset}` : ''} {config.labels.in2}
+      1 {config.labels.in1} = {formattedFactorValue}{hasOffset ? ` + ${formattedOffsetValue}` : ''} {config.labels.in2}
     </p>
     <p class="example-note">
       1 {config.labels.in2} = {formattedReverseValue} {config.labels.in1}