fix recipe table reset order on selection

This commit is contained in:
Kuchenpirat 2025-07-20 12:56:28 +00:00
commit e120affc3a

View file

@ -3,7 +3,7 @@
v-model="selected" v-model="selected"
item-key="id" item-key="id"
show-select show-select
:sort-by="[{ key: 'dateAdded', order: 'desc' }]" :sort-by="sortBy"
:headers="headers" :headers="headers"
:items="recipes" :items="recipes"
:items-per-page="15" :items-per-page="15"
@ -117,7 +117,7 @@ export default defineNuxtComponent({
}, },
}, },
}, },
emits: ["click"], emits: ["click", "update:modelValue"],
setup(props, context) { setup(props, context) {
const i18n = useI18n(); const i18n = useI18n();
const $auth = useMealieAuth(); const $auth = useMealieAuth();
@ -128,6 +128,9 @@ export default defineNuxtComponent({
set: value => context.emit(INPUT_EVENT, value), 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 headers = computed(() => {
const hdrs: Array<{ title: string; value: string; align?: string; sortable?: boolean }> = []; const hdrs: Array<{ title: string; value: string; align?: string; sortable?: boolean }> = [];
@ -206,6 +209,7 @@ export default defineNuxtComponent({
return { return {
selected, selected,
sortBy,
groupSlug, groupSlug,
headers, headers,
formatDate, formatDate,