Merge pull request #3495 from nextcloud/backport/3490/stable28

[stable28] fix: Properly use input model in settings text fields

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>