From c237b276ca1ead674ef221f52cb537b069195830 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Wed, 19 Jun 2024 17:26:27 +0200
Subject: [PATCH] temporarily emulate @update:modelValue

---
 package.json                                 |  2 +-
 src/components/Account/ActorAutoComplete.vue | 26 ++++++++++++++++----
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 8cdb8f38a..fcf0d6e88 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "@apollo/client": "^3.3.16",
     "@framasoft/socket": "^1.0.0",
     "@framasoft/socket-apollo-link": "^1.0.0",
-    "@oruga-ui/oruga-next": "^0.8.2",
+    "@oruga-ui/oruga-next": "0.8.10",
     "@oruga-ui/theme-oruga": "^0.2.0",
     "@fullcalendar/core": "^6.1.10",
     "@fullcalendar/daygrid": "^6.1.10",
diff --git a/src/components/Account/ActorAutoComplete.vue b/src/components/Account/ActorAutoComplete.vue
index 1f009d8cb..e203951e9 100644
--- a/src/components/Account/ActorAutoComplete.vue
+++ b/src/components/Account/ActorAutoComplete.vue
@@ -1,7 +1,8 @@
 <template>
   <o-taginput
     :modelValue="modelValueWithDisplayName"
-    @update:modelValue="(val: IActor[]) => $emit('update:modelValue', val)"
+    @remove="remove"
+    @add="add"
     :data="availableActors"
     :allow-autocomplete="true"
     :allow-new="false"
@@ -25,12 +26,27 @@ import { computed, ref } from "vue";
 import ActorInline from "./ActorInline.vue";
 import { useI18n } from "vue-i18n";
 
-const props = defineProps<{
-  modelValue: IActor[];
+// TODO It seems that '@update:modelValue="updateTags"' does not works anymore...
+// so temporarily call the function updateTags() at remove and add tag event
+// https://github.com/oruga-ui/oruga/issues/967
+function remove() {
+  updateTags(modelValueWithDisplayName.value);
+}
+
+function add() {
+  updateTags(modelValueWithDisplayName.value);
+}
+
+const emit = defineEmits<{
+  "update:modelValue": [value: IActor[]];
 }>();
 
-defineEmits<{
-  "update:modelValue": [value: IActor[]];
+const updateTags = (val: IActor[]) => {
+  emit("update:modelValue", val);
+};
+
+const props = defineProps<{
+  modelValue: IActor[];
 }>();
 
 const modelValue = computed(() => props.modelValue);