Display percent in 'Votre réforme column'.

src/lib/components/ReformsChanges.svelte

@@ -3,7 +3,11 @@
   import type { Writable } from "svelte/store"
 
   import type { DisplayMode } from "$lib/displays"
-  import { getParameter, rootParameter } from "$lib/parameters"
+  import {
+    asValueParameter,
+    getParameter,
+    rootParameter,
+  } from "$lib/parameters"
   import type { ParametricReform } from "$lib/reforms"
   import {
     ParameterReformChangeType,
@@ -117,7 +121,10 @@
             <span class="bg-le-jaune text-right font-bold">barème modifié</span>
           {:else}
             <span class="bg-le-jaune text-right font-bold"
-              >{formatValue(parameterReform.value)}</span
+              >{formatValue(
+                parameterReform.value,
+                asValueParameter(parameter).unit,
+              )}</span
             >
           {/if}
         </li>

src/lib/values.ts

@@ -11,7 +11,13 @@ export function valueFormatter(
     : typeof baseValue === "boolean"
     ? (value: boolean) => (value ? "vrai" : "faux")
     : typeof baseValue === "number"
-    ? unit != null && unit.startsWith("currency-")
+    ? unit === "/1" // Unit.Rate
+      ? new Intl.NumberFormat("fr-FR", {
+          maximumFractionDigits: 2,
+          minimumFractionDigits: 2,
+          style: "percent",
+        }).format
+      : unit != null && unit.startsWith("currency-")
       ? new Intl.NumberFormat("fr-FR", {
           currency: unit.replace(/^currency-/, ""),
           maximumFractionDigits: 0,