Auto-correct decimal separator

Amphiluke · Dec 2, 2023 · ae2ace2 · ae2ace2
1 parent ceb3813
commit ae2ace2
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lindsvg-pwa",
   "private": true,
-  "version": "2.2.1",
+  "version": "2.2.2",
   "type": "module",
   "scripts": {
     "lint": "eslint \"src/**/*.{mjs,vue}\"",

diff --git a/src/components/PanelSettings.vue b/src/components/PanelSettings.vue
@@ -15,6 +15,10 @@ function toLSFormat(value) {
   return value.trim().toUpperCase();
 }
 
+function toNumber(value) {
+  return Number(value.replace(",", "."));
+}
+
 function addNewRule() {
   lSystemStore.rules[newRuleLetter.value] = toLSFormat(newRuleValue.value);
   newRuleLetter.value = newRuleValue.value = "";
@@ -125,7 +129,7 @@ function plot() {
             type="text"
             inputmode="decimal"
             :value="lSystemStore.alpha"
-            @change="lSystemStore.alpha = Number($event.target.value)"
+            @change="lSystemStore.alpha = toNumber($event.target.value)"
           >
         </label>
       </div>
@@ -139,7 +143,7 @@ function plot() {
             type="text"
             inputmode="decimal"
             :value="lSystemStore.theta"
-            @change="lSystemStore.theta = Number($event.target.value)"
+            @change="lSystemStore.theta = toNumber($event.target.value)"
           >
         </label>
       </div>
@@ -153,7 +157,7 @@ function plot() {
             type="text"
             inputmode="decimal"
             :value="lSystemStore.step"
-            @change="lSystemStore.step = Number($event.target.value)"
+            @change="lSystemStore.step = toNumber($event.target.value)"
           >
         </label>
       </div>
@@ -167,7 +171,7 @@ function plot() {
             type="text"
             inputmode="numeric"
             :value="lSystemStore.iterations"
-            @change="lSystemStore.iterations = Number($event.target.value)"
+            @change="lSystemStore.iterations = toNumber($event.target.value)"
           >
         </label>
       </div>