From 1643d254ab290a94bec85fee011bd0e81d8ed2a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Wed, 21 Feb 2024 12:51:13 +0100
Subject: [PATCH] fix: Properly use input model in settings text fields
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/SettingsInputText.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/SettingsInputText.vue b/src/components/SettingsInputText.vue
index 7acad38f69..2e8d3c6fac 100644
--- a/src/components/SettingsInputText.vue
+++ b/src/components/SettingsInputText.vue
@@ -21,18 +21,17 @@
   -->
 
 <template>
-	<form @submit.prevent="">
+	<form @submit.prevent="submit">
 		<div class="input-wrapper">
 			<label :for="id">{{ label }}</label>
 			<input :id="id"
+				v-model="inputVal"
 				type="text"
-				:value="inputVal"
 				:disabled="disabled"
 				@input="$emit('input', $event.target.value)">
 			<input type="submit"
 				class="icon-confirm"
-				value=""
-				@click="$emit('update', inputVal)">
+				value="">
 		</div>
 		<p v-if="hint !== ''" class="hint">
 			{{ hint }}
@@ -74,13 +73,18 @@ export default {
 	},
 	watch: {
 		value(newVal) {
-			this.inputVal = this.value
+			this.inputVal = newVal
 		},
 	},
 	beforeCreate() {
 		this.uuid = uuid.toString()
 		uuid += 1
 	},
+	methods: {
+		submit() {
+			this.$emit('update', this.inputVal)
+		},
+	},
 }
 </script>