From f1a3a5e27c723abd4ebd273725dd2e2b239491c5 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Thu, 8 Jan 2026 18:56:00 +0100
Subject: [PATCH] change :data to :options for TagInput

Related to #1917
---
 src/components/Event/TagInput.vue | 23 +++++++++++++----------
 src/views/Admin/SettingsView.vue  |  1 -
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/Event/TagInput.vue b/src/components/Event/TagInput.vue
index ce10909b7..49209020c 100644
--- a/src/components/Event/TagInput.vue
+++ b/src/components/Event/TagInput.vue
@@ -16,10 +16,9 @@
     <o-taginput
       :modelValue="tagsStrings"
       @update:modelValue="updateTags"
-      :data="filteredTags"
+      :options="filteredTags"
       :allow-autocomplete="true"
       :allow-new="true"
-      :field="'title'"
       icon="label"
       :maxlength="20"
       :maxitems="10"
@@ -40,6 +39,7 @@ import HelpCircleOutline from "vue-material-design-icons/HelpCircleOutline.vue";
 import { useFetchTags } from "@/composition/apollo/tags";
 import { FILTER_TAGS } from "@/graphql/tags";
 import { useI18n } from "vue-i18n";
+import { OptionsPropItem } from "@oruga-ui/oruga-next";
 
 const props = defineProps<{
   modelValue: ITag[];
@@ -83,14 +83,17 @@ const getFilteredTags = async (newText: string): Promise<void> => {
   }
 };
 
-const filteredTags = computed((): ITag[] => {
-  return differenceBy(tags.value, propsValue.value, "id").filter(
-    (option) =>
-      option.title.toString().toLowerCase().indexOf(text.value.toLowerCase()) >=
-        0 ||
-      option.slug.toString().toLowerCase().indexOf(text.value.toLowerCase()) >=
-        0
-  );
+const filteredTags = computed<OptionsPropItem<string>[]>(() => {
+  return differenceBy(tags.value, propsValue.value, "id")
+    .filter(
+      (tag) =>
+        tag.title.toLowerCase().includes(text.value.toLowerCase()) ||
+        tag.slug.toLowerCase().includes(text.value.toLowerCase())
+    )
+    .map((tag) => ({
+      label: tag.title,
+      value: tag.slug,
+    }));
 });
 
 const updateTags = (newTagsStrings: string[]) => {
diff --git a/src/views/Admin/SettingsView.vue b/src/views/Admin/SettingsView.vue
index f2e87a38b..bcfa350a2 100644
--- a/src/views/Admin/SettingsView.vue
+++ b/src/views/Admin/SettingsView.vue
@@ -181,7 +181,6 @@
               :options="filteredLanguages"
               allow-autocomplete
               :open-on-focus="true"
-              field="name"
               icon="label"
               :disabled="languageLoading"
               :placeholder="t('Select languages')"