From 5ccefa355a1be9a00ce039e287a3a37bc379e08e Mon Sep 17 00:00:00 2001
From: Dominik Schmidt <dev@dominik-schmidt.de>
Date: Tue, 20 Dec 2022 14:37:03 +0100
Subject: [PATCH] [settings] Do not use v-model and input event for the same
 component

---
 .../settings/ui/components/settings/SettingMultiChoice.vue   | 5 +++--
 .../settings/ui/components/settings/SettingSingleChoice.vue  | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/services/settings/ui/components/settings/SettingMultiChoice.vue b/services/settings/ui/components/settings/SettingMultiChoice.vue
index 65733e400f..248684e193 100644
--- a/services/settings/ui/components/settings/SettingMultiChoice.vue
+++ b/services/settings/ui/components/settings/SettingMultiChoice.vue
@@ -1,8 +1,8 @@
 <template>
   <oc-select
-      v-model="selectedOptions"
       :clearable="false"
       :options="displayOptions"
+      :value="selectedOptions"
       @input="onSelectedOption"
       multiple
   />
@@ -37,7 +37,8 @@ export default {
     }
   },
   methods: {
-    async onSelectedOption () {
+    async onSelectedOption (event) {
+      this.selectedOptions = event
       const values = []
       if (!isNil(this.selectedOptions)) {
         this.selectedOptions.forEach(displayValue => {
diff --git a/services/settings/ui/components/settings/SettingSingleChoice.vue b/services/settings/ui/components/settings/SettingSingleChoice.vue
index d04cb156fd..6e38d5e4e6 100644
--- a/services/settings/ui/components/settings/SettingSingleChoice.vue
+++ b/services/settings/ui/components/settings/SettingSingleChoice.vue
@@ -1,9 +1,9 @@
 <template>
   <div>
     <oc-select
-        v-model="selectedOption"
         :clearable="false"
         :options="displayOptions"
+        :value="selectedOption"
         @input="onSelectedOption"
        />
   </div>
@@ -38,7 +38,8 @@ export default {
     }
   },
   methods: {
-    async onSelectedOption () {
+    async onSelectedOption (event) {
+      this.selectedOption = event
       const values = []
       if (!isNil(this.selectedOption)) {
         const option = this.setting.singleChoiceValue.options.find(val => val.displayValue === this.selectedOption)