fix(webapp): currency input fields

webapp/package.json

@@ -2,7 +2,7 @@
   "name": "hgoe-sas",
   "private": true,
   "author": "Simon Giesel",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",

webapp/src/components/molecules/MoleculeInputModal.vue

@@ -8,9 +8,8 @@
     <div class="flex place-items-center justify-between">
       <span>{{ inputLabel }}</span>
       <AtomCurrencyInput
-        ref="input"
+        v-model="amount"
         class="w-4/12"
-        @change="amount = $event"
         @keyup.esc="modal?.close()"
       />
     </div>
@@ -41,7 +40,6 @@ import AtomCurrencyInput from '../atoms/AtomCurrencyInput.vue';
 import AtomModal from '../atoms/AtomModal.vue';
 
 const modal = ref<InstanceType<typeof AtomModal>>();
-const input= ref<InstanceType<typeof AtomCurrencyInput>>();
 const amount = ref();
 
 defineProps({
@@ -66,9 +64,7 @@ defineProps({
 const emit = defineEmits(['submit']);
 
 function handleClose() {
-  if(input.value) {
-    input.value.reset();
-  }
+  amount.value = '';
 }
 
 function handleSubmit() {

webapp/src/components/views/ViewStatePortal.vue

@@ -9,10 +9,9 @@
           <div class="flex place-items-center justify-between">
             <span>Mindestlohn</span>
             <AtomCurrencyInput
-              :value="minWage"
+              v-model="minWage"
               class="w-2/4"
               per-hour
-              @change="minWage = $event"
             />
           </div>
           <div class="flex place-items-center justify-between">
@@ -25,11 +24,10 @@
           <div class="flex place-items-center justify-between">
             <span>Höchstlohn</span>
             <AtomCurrencyInput
-              :value="maxWage"
+              v-model="maxWage"
               :min="minWage"
               per-hour
               class="w-2/4"
-              @change="maxWage = $event"
             />
           </div>
           <div class="flex place-items-center justify-between">