Fix odometer number format (#9345)

assets/js/components/ChargingSessionModal.vue

@@ -207,7 +207,7 @@ export default {
 			modal.show();
 		},
 		formatKm: function (value) {
-			return `${distanceValue(value)} ${distanceUnit()}`;
+			return `${this.fmtNumber(distanceValue(value), 0)} ${distanceUnit()}`;
 		},
 		async changeVehicle(index) {
 			await this.updateSession({

assets/js/components/TargetSocSelect.vue

@@ -28,10 +28,12 @@
 import LabelAndValue from "./LabelAndValue.vue";
 import AnimatedNumber from "./AnimatedNumber.vue";
 import { distanceUnit } from "../units";
+import formatter from "../mixins/formatter";
 
 export default {
 	name: "TargetSocSelect",
 	components: { LabelAndValue, AnimatedNumber },
+	mixins: [formatter],
 	props: {
 		targetSoc: Number,
 		rangePerSoc: Number,
@@ -69,7 +71,7 @@ export default {
 			return `${Math.round(value)}%`;
 		},
 		formatKm: function (value) {
-			return `${Math.round(value)} ${distanceUnit()}`;
+			return `${this.fmtNumber(value, 0)} ${distanceUnit()}`;
 		},
 	},
 };

assets/js/components/Vehicle.vue

@@ -20,7 +20,7 @@
 				class="flex-grow-1"
 				:label="$t('main.vehicle.vehicleSoc')"
 				:value="vehicleSoc ? `${Math.round(vehicleSoc)}%` : '--'"
-				:extraValue="range ? `${Math.round(range)} ${rangeUnit}` : null"
+				:extraValue="range ? `${fmtNumber(range, 0)} ${rangeUnit}` : null"
 				align="start"
 			/>
 			<LabelAndValue