From e638df37d10b57d134aedbe9ec0553f9a176123c Mon Sep 17 00:00:00 2001
From: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
Date: Sun, 20 Jul 2025 17:06:39 +0200
Subject: [PATCH] fix: multiple regressions on data management page (#5758)

---
 .../Domain/Recipe/RecipeDataTable.vue         |  9 ++++++--
 frontend/pages/group/data/foods.vue           |  2 +-
 frontend/pages/group/data/tags.vue            |  1 +
 frontend/pages/group/data/tools.vue           |  1 +
 frontend/pages/group/data/units.vue           | 22 ++++---------------
 5 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/frontend/components/Domain/Recipe/RecipeDataTable.vue b/frontend/components/Domain/Recipe/RecipeDataTable.vue
index ac4c28715..1ef55fd6e 100644
--- a/frontend/components/Domain/Recipe/RecipeDataTable.vue
+++ b/frontend/components/Domain/Recipe/RecipeDataTable.vue
@@ -3,12 +3,13 @@
     v-model="selected"
     item-key="id"
     show-select
-    :sort-by="[{ key: 'dateAdded', order: 'desc' }]"
+    :sort-by="sortBy"
     :headers="headers"
     :items="recipes"
     :items-per-page="15"
     class="elevation-0"
     :loading="loading"
+    return-object
   >
     <template #[`item.name`]="{ item }">
       <a
@@ -117,7 +118,7 @@ export default defineNuxtComponent({
       },
     },
   },
-  emits: ["click"],
+  emits: ["click", "update:modelValue"],
   setup(props, context) {
     const i18n = useI18n();
     const $auth = useMealieAuth();
@@ -128,6 +129,9 @@ export default defineNuxtComponent({
       set: value => context.emit(INPUT_EVENT, value),
     });
 
+    // Initialize sort state with default sorting by dateAdded descending
+    const sortBy = ref([{ key: "dateAdded", order: "desc" }]);
+
     const headers = computed(() => {
       const hdrs: Array<{ title: string; value: string; align?: string; sortable?: boolean }> = [];
 
@@ -206,6 +210,7 @@ export default defineNuxtComponent({
 
     return {
       selected,
+      sortBy,
       groupSlug,
       headers,
       formatDate,
diff --git a/frontend/pages/group/data/foods.vue b/frontend/pages/group/data/foods.vue
index 732564942..08455fdf8 100644
--- a/frontend/pages/group/data/foods.vue
+++ b/frontend/pages/group/data/foods.vue
@@ -126,7 +126,7 @@
     <!-- Alias Sub-Dialog -->
     <RecipeDataAliasManagerDialog
       v-if="editTarget"
-      :value="aliasManagerDialog"
+      v-model="aliasManagerDialog"
       :data="editTarget"
       @submit="updateFoodAlias"
       @cancel="aliasManagerDialog = false"
diff --git a/frontend/pages/group/data/tags.vue b/frontend/pages/group/data/tags.vue
index 262902ad7..764803be0 100644
--- a/frontend/pages/group/data/tags.vue
+++ b/frontend/pages/group/data/tags.vue
@@ -44,6 +44,7 @@
       :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteTag"
     >
       <v-card-text>
diff --git a/frontend/pages/group/data/tools.vue b/frontend/pages/group/data/tools.vue
index 15987eaed..24a1e96c9 100644
--- a/frontend/pages/group/data/tools.vue
+++ b/frontend/pages/group/data/tools.vue
@@ -52,6 +52,7 @@
       :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteTool"
     >
       <v-card-text>
diff --git a/frontend/pages/group/data/units.vue b/frontend/pages/group/data/units.vue
index 6833dd9a9..e8989d84d 100644
--- a/frontend/pages/group/data/units.vue
+++ b/frontend/pages/group/data/units.vue
@@ -19,30 +19,16 @@
           v-model="fromUnit"
           return-object
           :items="store"
-          item-title="id"
+          item-title="name"
           :label="$t('data-pages.units.source-unit')"
-        >
-          <template #chip="{ item }">
-            {{ item.raw.name }}
-          </template>
-          <template #item="{ item }">
-            {{ item.raw.name }}
-          </template>
-        </v-autocomplete>
+        />
         <v-autocomplete
           v-model="toUnit"
           return-object
           :items="store"
-          item-title="id"
+          item-title="name"
           :label="$t('data-pages.units.target-unit')"
-        >
-          <template #chip="{ item }">
-            {{ item.raw.name }}
-          </template>
-          <template #item="{ item }">
-            {{ item.raw.name }}
-          </template>
-        </v-autocomplete>
+        />
 
         <template v-if="canMerge && fromUnit && toUnit">
           <div class="text-center">