Add .number modifier to all numeric v-model bindings

Without .number, Vue's v-model on <input type="number"> produces
strings, causing downstream math (wattsToDbm, buildSimulationPayload)
to receive string operands instead of numbers.

Fixes meshtastic#49.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: JamesonRGrieve

src/components/Display.vue

@@ -5,7 +5,7 @@
         <label for="min_dbm" class="form-label">Minimum dBm</label>
         <input
           id="min_dbm"
-          v-model="display.min_dbm"
+          v-model.number="display.min_dbm"
           type="number"
           class="form-control form-control-sm"
           required
@@ -17,7 +17,7 @@
         <label for="max_dbm" class="form-label">Maximum dBm</label>
         <input
           id="max_dbm"
-          v-model="display.max_dbm"
+          v-model.number="display.max_dbm"
           type="number"
           class="form-control form-control-sm"
           required
@@ -43,7 +43,7 @@
         <label for="overlay_transparency" class="form-label">Transparency (%)</label>
         <input
           id="overlay_transparency"
-          v-model="display.overlay_transparency"
+          v-model.number="display.overlay_transparency"
           type="number"
           class="form-control form-control-sm"
           required
@@ -113,7 +113,7 @@
 <script setup lang="ts">
 import { useStore } from "../store.ts";
 const store = useStore();
-const {display} = store.splatParams;
+const { display } = store.splatParams;
 
 function onOverlapModeChange() {
   store.updateOverlapLayer();

src/components/Environment.vue

@@ -26,7 +26,7 @@
         <label for="clutter_height" class="form-label">Clutter Height (m)</label>
         <input
           id="clutter_height"
-          v-model="environment.clutter_height"
+          v-model.number="environment.clutter_height"
           type="number"
           class="form-control form-control-sm"
           required
@@ -39,7 +39,7 @@
         <label for="ground_dielectric" class="form-label">Ground Dielectric (V/m)</label>
         <input
           id="ground_dielectric"
-          v-model="environment.ground_dielectric"
+          v-model.number="environment.ground_dielectric"
           type="number"
           class="form-control form-control-sm"
           required
@@ -52,7 +52,7 @@
         <label for="ground_conductivity" class="form-label">Ground Conductivity (S/m)</label>
         <input
           id="ground_conductivity"
-          v-model="environment.ground_conductivity"
+          v-model.number="environment.ground_conductivity"
           type="number"
           class="form-control form-control-sm"
           required
@@ -65,7 +65,7 @@
         <label for="atmosphere_bending" class="form-label">Atmospheric Bending (N-units)</label>
         <input
           id="atmosphere_bending"
-          v-model="environment.atmosphere_bending"
+          v-model.number="environment.atmosphere_bending"
           type="number"
           class="form-control form-control-sm"
           required
@@ -80,5 +80,5 @@
 
 <script setup lang="ts">
 import { useStore } from "../store.ts";
-const {environment} = useStore().splatParams;
+const { environment } = useStore().splatParams;
 </script>

src/components/Receiver.vue

@@ -5,7 +5,7 @@
         <label for="rx_sensitivity" class="form-label">Sensitivity (dBm)</label>
         <input
           id="rx_sensitivity"
-          v-model="receiver.rx_sensitivity"
+          v-model.number="receiver.rx_sensitivity"
           type="number"
           class="form-control form-control-sm"
           required
@@ -19,7 +19,7 @@
         <label for="rx_height" class="form-label">Height AGL (m)</label>
         <input
           id="rx_height"
-          v-model="receiver.rx_height"
+          v-model.number="receiver.rx_height"
           type="number"
           class="form-control form-control-sm"
           required
@@ -34,7 +34,7 @@
         <label for="rx_gain" class="form-label">Antenna Gain (dB)</label>
         <input
           id="rx_gain"
-          v-model="receiver.rx_gain"
+          v-model.number="receiver.rx_gain"
           type="number"
           class="form-control form-control-sm"
           required
@@ -48,7 +48,7 @@
         <label for="rx_loss" class="form-label">Cable Loss (dB)</label>
         <input
           id="rx_loss"
-          v-model="receiver.rx_loss"
+          v-model.number="receiver.rx_loss"
           type="number"
           class="form-control form-control-sm"
           required
@@ -64,5 +64,5 @@
 
 <script setup lang="ts">
 import { useStore } from "../store.ts";
-const {receiver} = useStore().splatParams;
+const { receiver } = useStore().splatParams;
 </script>

src/components/Simulation.vue

@@ -5,7 +5,7 @@
         <label for="situation_fraction" class="form-label">Situation Fraction (%)</label>
         <input
           id="situation_fraction"
-          v-model="simulation.situation_fraction"
+          v-model.number="simulation.situation_fraction"
           type="number"
           class="form-control form-control-sm"
           required
@@ -19,7 +19,7 @@
         <label for="time_fraction" class="form-label">Time Fraction (%)</label>
         <input
           id="time_fraction"
-          v-model="simulation.time_fraction"
+          v-model.number="simulation.time_fraction"
           type="number"
           class="form-control form-control-sm"
           required
@@ -35,7 +35,7 @@
         <label for="simulation_extent" class="form-label">Max Range (km)</label>
         <input
           id="simulation_extent"
-          v-model="simulation.simulation_extent"
+          v-model.number="simulation.simulation_extent"
           type="number"
           class="form-control form-control-sm"
           required
@@ -51,5 +51,5 @@
 
 <script setup lang="ts">
 import { useStore } from "../store.ts";
-const {simulation} = useStore().splatParams;
+const { simulation } = useStore().splatParams;
 </script>

src/components/Transmitter.vue

@@ -42,7 +42,7 @@
         <label for="tx_lat" class="form-label">Latitude (degrees)</label>
         <input
           id="tx_lat"
-          v-model="transmitter.tx_lat"
+          v-model.number="transmitter.tx_lat"
           type="number"
           class="form-control form-control-sm"
           required
@@ -58,7 +58,7 @@
         <label for="tx_lon" class="form-label">Longitude (degrees)</label>
         <input
           id="tx_lon"
-          v-model="transmitter.tx_lon"
+          v-model.number="transmitter.tx_lon"
           type="number"
           class="form-control form-control-sm"
           required
@@ -149,7 +149,7 @@
         <label for="tx_power" class="form-label">Power (W)</label>
         <input
           id="tx_power"
-          v-model="transmitter.tx_power"
+          v-model.number="transmitter.tx_power"
           type="number"
           class="form-control form-control-sm"
           required
@@ -165,7 +165,7 @@
         <label for="frequency" class="form-label">Frequency (MHz)</label>
         <input
           id="tx_freq"
-          v-model="transmitter.tx_freq"
+          v-model.number="transmitter.tx_freq"
           type="number"
           class="form-control form-control-sm"
           required
@@ -184,7 +184,7 @@
         <label for="tx_height" class="form-label">Height AGL (m)</label>
         <input
           id="tx_height"
-          v-model="transmitter.tx_height"
+          v-model.number="transmitter.tx_height"
           type="number"
           class="form-control form-control-sm"
           required
@@ -200,7 +200,7 @@
         <label for="tx_gain" class="form-label">Antenna Gain (dB)</label>
         <input
           id="tx_gain"
-          v-model="transmitter.tx_gain"
+          v-model.number="transmitter.tx_gain"
           type="number"
           class="form-control form-control-sm"
           required