more fixes for new options

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

src/components/Questions/AnswerInput.vue

@@ -13,7 +13,7 @@
 			ref="input"
 			:aria-label="ariaLabel"
 			:placeholder="placeholder"
-			:value="localAnswer.text"
+			:value="answer.text"
 			class="question__input"
 			:class="{ 'question__input--shifted': !isDropdown }"
 			:maxlength="maxOptionLength"
@@ -129,7 +129,6 @@ export default {
 		return {
 			queue: null,
 			debounceOnInput: null,
-			localAnswer: this.answer,
 		}
 	},
 
@@ -159,16 +158,7 @@ export default {
 		this.queue = new PQueue({ concurrency: 1 })
 
 		// As data instead of method, to have a separate debounce per AnswerInput
-		this.debounceOnInput = pDebounce(() => {
-			return this.queue.add(() => this.onInput())
-		}, 500)
-	},
-
-	created() {
-		this.queue = new PQueue({ concurrency: 1 })
-
-		// As data instead of method, to have a separate debounce per AnswerInput
-		this.debounceOnInput = pDebounce(() => {
+		this.debounceOnInput = debounce(() => {
 			return this.queue.add(() => this.onInput())
 		}, 500)
 	},
@@ -201,15 +191,11 @@ export default {
 				// Forward changes, but use current answer.text to avoid erasing
 				// any in-between changes while creating the answer
 				newAnswer.text = this.$refs.input.value
-				this.$emit('update:answer', answer.id, newAnswer)
+				this.$emit('update:answer', newAnswer)
 			} else {
 				await this.updateAnswer(answer)
-				this.$emit('update:answer', answer.id, answer)
+				this.$emit('update:answer', answer)
 			}
-
-			// Forward changes, but use current answer.text to avoid erasing any in-between changes
-			this.localAnswer = { ...response, text: this.localAnswer.text }
-			this.$emit('update:answer', this.localAnswer)
 		},
 
 		/**