Fix quota select

owncloud · Dec 20, 2022 · 3177b8e · 3177b8e
1 parent 9a012dd
commit 3177b8e
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/web-pkg/src/components/QuotaSelect.vue b/packages/web-pkg/src/components/QuotaSelect.vue
@@ -2,7 +2,8 @@
   <div>
     <oc-select
       ref="select"
-      v-model="selectedOption"
+      :modelValue="selectedOption"
+      @update:modelValue="onUpdate"
       :selectable="optionSelectable"
       taggable
       push-tags
@@ -11,7 +12,6 @@
       :create-option="createOption"
       option-label="displayValue"
       :label="title"
-      @option:selected="$emit('selectedOptionChange', selectedOption)"
     >
       <template #selected-option="{ displayValue, displayUnit }">
         <span>{{ displayValue }}</span>
@@ -35,7 +35,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
   name: 'QuotaSelect',
   props: {
@@ -117,6 +117,10 @@ export default {
     this.selectedOption = this.options.find((o) => o.value === this.totalQuota)
   },
   methods: {
+    onUpdate(event) {
+      this.selectedOption = event
+      this.$emit('selectedOptionChange', this.selectedOption)
+    },
     optionSelectable(option) {
       return option.selectable !== false
     },