Refactor(validation): Update validationType handling with getter/setter and simplify change logic

Signed-off-by: Christian Hartmann <chris-hartmann@gmx.de>

Author: Chartman123

src/components/Questions/QuestionShort.vue

@@ -50,9 +50,9 @@
 						validationTypeObject, validationTypeName
 					) in validationTypes"
 					:key="validationTypeName"
-					:checked="validationType === validationTypeName"
-					:name="validationTypeName"
-					@update:checked="onChangeValidationType(validationTypeName)">
+					v-model="validationType"
+					:value="validationTypeName"
+					:name="`${id}_validationMenu`">
 					{{ validationTypeObject.label }}
 				</NcActionRadio>
 				<NcActionInput
@@ -124,8 +124,23 @@ export default {
 		/**
 		 * Name of the current validation type, fallsback to 'text'
 		 */
-		validationType() {
-			return this.extraSettings?.validationType || 'text'
+		validationType: {
+			get() {
+				return this.extraSettings?.validationType || 'text'
+			},
+			set(value) {
+				if (value === 'regex') {
+					this.onExtraSettingsChange({
+						validationType: value,
+						validationRegex: this.validationRegex,
+					})
+				} else {
+					this.isValidationTypeMenuOpen = false
+					this.onExtraSettingsChange({
+						validationType: value === 'text' ? undefined : value,
+					})
+				}
+			},
 		},
 		/**
 		 * Id of the validation type menu
@@ -169,28 +184,6 @@ export default {
 			this.$emit('update:values', [value])
 		},
 
-		/**
-		 * Change input type
-		 *
-		 * @param {string} validationType new input type
-		 */
-		onChangeValidationType(validationType) {
-			if (validationType === 'regex') {
-				// Make sure to also submit a regex (even if empty)
-				this.onExtraSettingsChange({
-					validationType,
-					validationRegex: this.validationRegex,
-				})
-			} else {
-				// For all other types except regex we close the menu (for regex we keep it open to allow entering a regex)
-				this.isValidationTypeMenuOpen = false
-				this.onExtraSettingsChange({
-					validationType:
-						validationType === 'text' ? undefined : validationType,
-				})
-			}
-		},
-
 		/**
 		 * Validate and save regex if valid
 		 *