From 2879fa466e8a90e1a7e8ce66858482432814ec9e Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Sun, 16 Mar 2025 19:39:18 +0100
Subject: [PATCH] search page improvements

---
 vue3/src/locales/ar.json               |  3 +
 vue3/src/locales/bg.json               |  3 +
 vue3/src/locales/ca.json               |  3 +
 vue3/src/locales/cs.json               |  3 +
 vue3/src/locales/da.json               |  3 +
 vue3/src/locales/de.json               |  3 +
 vue3/src/locales/el.json               |  3 +
 vue3/src/locales/en.json               |  3 +
 vue3/src/locales/es.json               |  3 +
 vue3/src/locales/fi.json               |  3 +
 vue3/src/locales/fr.json               |  3 +
 vue3/src/locales/he.json               |  3 +
 vue3/src/locales/hu.json               |  3 +
 vue3/src/locales/hy.json               |  3 +
 vue3/src/locales/id.json               |  3 +
 vue3/src/locales/is.json               |  3 +
 vue3/src/locales/it.json               |  3 +
 vue3/src/locales/lt.json               |  3 +
 vue3/src/locales/nb_NO.json            |  3 +
 vue3/src/locales/nl.json               |  3 +
 vue3/src/locales/pl.json               |  3 +
 vue3/src/locales/pt.json               |  3 +
 vue3/src/locales/pt_BR.json            |  3 +
 vue3/src/locales/ro.json               |  3 +
 vue3/src/locales/ru.json               |  3 +
 vue3/src/locales/sl.json               |  3 +
 vue3/src/locales/sv.json               |  3 +
 vue3/src/locales/tr.json               |  3 +
 vue3/src/locales/uk.json               |  3 +
 vue3/src/locales/zh_Hans.json          |  3 +
 vue3/src/locales/zh_Hant.json          |  3 +
 vue3/src/pages/SearchPage.vue          | 95 ++++++++++++++++----------
 vue3/src/stores/UserPreferenceStore.ts |  3 +
 vue3/src/types/settings.ts             |  3 +
 34 files changed, 159 insertions(+), 35 deletions(-)

diff --git a/vue3/src/locales/ar.json b/vue3/src/locales/ar.json
index e5d8e5f1f..6953efe48 100644
--- a/vue3/src/locales/ar.json
+++ b/vue3/src/locales/ar.json
@@ -34,6 +34,7 @@
   "Cancel": "",
   "Cannot_Add_Notes_To_Shopping": "",
   "Carbohydrates": "",
+  "Cards": "",
   "Categories": "",
   "Category": "",
   "CategoryInstruction": "",
@@ -233,6 +234,7 @@
   "Page": "",
   "Parameter": "",
   "Parent": "",
+  "PerPage": "",
   "Period": "",
   "Periods": "",
   "Pin": "",
@@ -337,6 +339,7 @@
   "SupermarketName": "",
   "Supermarkets": "",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "",
   "Text": "",
   "ThankYou": "",
diff --git a/vue3/src/locales/bg.json b/vue3/src/locales/bg.json
index 09c0e2d83..0bea8b20f 100644
--- a/vue3/src/locales/bg.json
+++ b/vue3/src/locales/bg.json
@@ -34,6 +34,7 @@
   "Cancel": "Откажи",
   "Cannot_Add_Notes_To_Shopping": "Бележки не могат да се добавят към списъка за пазаруване",
   "Carbohydrates": "Въглехидрати",
+  "Cards": "",
   "Categories": "Категории",
   "Category": "Категория",
   "CategoryInstruction": "Плъзнете категориите, за да промените категориите за поръчки, които се появяват в списъка за пазаруване.",
@@ -226,6 +227,7 @@
   "Page": "Страница",
   "Parameter": "Параметър",
   "Parent": "Родител",
+  "PerPage": "",
   "Period": "Период",
   "Periods": "Периоди",
   "Pin": "Закачи",
@@ -330,6 +332,7 @@
   "SupermarketName": "Име на супермаркет",
   "Supermarkets": "Супермаркети",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Съдържание",
   "Text": "Текст",
   "ThankYou": "",
diff --git a/vue3/src/locales/ca.json b/vue3/src/locales/ca.json
index 5d9e727f7..55f617d8b 100644
--- a/vue3/src/locales/ca.json
+++ b/vue3/src/locales/ca.json
@@ -42,6 +42,7 @@
   "Cancel": "",
   "Cannot_Add_Notes_To_Shopping": "",
   "Carbohydrates": "",
+  "Cards": "",
   "Categories": "",
   "Category": "",
   "CategoryInstruction": "",
@@ -295,6 +296,7 @@
   "Page": "",
   "Parameter": "",
   "Parent": "",
+  "PerPage": "",
   "Period": "",
   "Periods": "",
   "Pin": "",
@@ -419,6 +421,7 @@
   "SupermarketName": "",
   "Supermarkets": "",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Taula de continguts",
   "Text": "",
   "ThankYou": "",
diff --git a/vue3/src/locales/cs.json b/vue3/src/locales/cs.json
index ddc932a1e..ac935a241 100644
--- a/vue3/src/locales/cs.json
+++ b/vue3/src/locales/cs.json
@@ -42,6 +42,7 @@
   "Cancel": "Zrušit",
   "Cannot_Add_Notes_To_Shopping": "Poznámky nemohou být přidány na nákupní seznam",
   "Carbohydrates": "Sacharidy",
+  "Cards": "",
   "Categories": "Kategorie",
   "Category": "Kategorie",
   "CategoryInstruction": "Přetáhnutím kategorií změníte pořadí, ve kterém se zobrazují v nákupním seznamu.",
@@ -293,6 +294,7 @@
   "Page": "Stránka",
   "Parameter": "Parametr",
   "Parent": "Nadřazená",
+  "PerPage": "",
   "Period": "Období",
   "Periods": "Období",
   "Pin": "Připnout",
@@ -415,6 +417,7 @@
   "SupermarketName": "Název obchodu",
   "Supermarkets": "Obchody",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Obsah",
   "Text": "Text",
   "ThankYou": "",
diff --git a/vue3/src/locales/da.json b/vue3/src/locales/da.json
index 2479cbb7f..29da783db 100644
--- a/vue3/src/locales/da.json
+++ b/vue3/src/locales/da.json
@@ -41,6 +41,7 @@
   "Cancel": "Annuller",
   "Cannot_Add_Notes_To_Shopping": "Noter kan ikke tilføjes til indkøbslisten",
   "Carbohydrates": "Kulhydrater",
+  "Cards": "",
   "Categories": "Kategorier",
   "Category": "Kategori",
   "CategoryInstruction": "Træk rundt på kategorier, for at ændre på rækkefølgen de opstår i på indkøbslisten.",
@@ -278,6 +279,7 @@
   "Page": "Side",
   "Parameter": "Parameter",
   "Parent": "Forælder",
+  "PerPage": "",
   "Period": "Periode",
   "Periods": "Perioder",
   "Pin": "Fastgør",
@@ -393,6 +395,7 @@
   "SupermarketName": "Navn på supermarked",
   "Supermarkets": "Supermarkeder",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Indholdsfortegnelse",
   "Text": "Tekst",
   "ThankYou": "",
diff --git a/vue3/src/locales/de.json b/vue3/src/locales/de.json
index 7c63b2c7f..fc45a8de6 100644
--- a/vue3/src/locales/de.json
+++ b/vue3/src/locales/de.json
@@ -44,6 +44,7 @@
   "Cancel": "Abbrechen",
   "Cannot_Add_Notes_To_Shopping": "Notizen können nicht auf die Einkaufsliste gesetzt werden",
   "Carbohydrates": "Kohlenhydrate",
+  "Cards": "Karten",
   "Categories": "Kategorien",
   "Category": "Kategorie",
   "CategoryInstruction": "Ziehen Sie Kategorien, um die Reihenfolge zu ändern, in der die Kategorien in der Einkaufsliste erscheinen.",
@@ -298,6 +299,7 @@
   "Page": "Seite",
   "Parameter": "Parameter",
   "Parent": "Eltern",
+  "PerPage": "Pro Seite",
   "Period": "Zeitraum",
   "Periods": "Zeiträume",
   "Pin": "Anheften",
@@ -423,6 +425,7 @@
   "SupermarketName": "Name Supermarkt",
   "Supermarkets": "Supermärkte",
   "System": "System",
+  "Table": "Tabelle",
   "Table_of_Contents": "Inhaltsverzeichnis",
   "Text": "Text",
   "ThankYou": "Vielen Dank",
diff --git a/vue3/src/locales/el.json b/vue3/src/locales/el.json
index 87ac52442..0c1009a31 100644
--- a/vue3/src/locales/el.json
+++ b/vue3/src/locales/el.json
@@ -40,6 +40,7 @@
   "Cancel": "Ακύρωση",
   "Cannot_Add_Notes_To_Shopping": "Δεν είναι δυνατή η προσθήκη σημειώσεων στη λίστα αγορών",
   "Carbohydrates": "Υδατάνθρακες",
+  "Cards": "",
   "Categories": "Κατηγορίες",
   "Category": "Κατηγορία",
   "CategoryInstruction": "Σύρετε κατηγορίες για να αλλάξετε τη σειρά με την οποία εμφανίζονται στη λίστα αγορών.",
@@ -270,6 +271,7 @@
   "Page": "Σελίδα",
   "Parameter": "Παράμετρος",
   "Parent": "Γονέας",
+  "PerPage": "",
   "Period": "Περίοδος",
   "Periods": "Περίοδοι",
   "Pin": "Καρφίτσωμα",
@@ -384,6 +386,7 @@
   "SupermarketName": "Όνομα supermarket",
   "Supermarkets": "Supermarket",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Πίνακας περιεχομένων",
   "Text": "Κείμενο",
   "ThankYou": "",
diff --git a/vue3/src/locales/en.json b/vue3/src/locales/en.json
index 81a8ab5a3..482ce25e7 100644
--- a/vue3/src/locales/en.json
+++ b/vue3/src/locales/en.json
@@ -42,6 +42,7 @@
   "Cancel": "Cancel",
   "Cannot_Add_Notes_To_Shopping": "Notes cannot be added to the shopping list",
   "Carbohydrates": "Carbohydrates",
+  "Cards": "Cards",
   "Categories": "Categories",
   "Category": "Category",
   "CategoryInstruction": "Drag categories to change the order categories appear in shopping list.",
@@ -296,6 +297,7 @@
   "Page": "Page",
   "Parameter": "Parameter",
   "Parent": "Parent",
+  "PerPage": "Per Page",
   "Period": "Period",
   "Periods": "Periods",
   "Pin": "Pin",
@@ -421,6 +423,7 @@
   "SupermarketName": "Supermarket Name",
   "Supermarkets": "Supermarkets",
   "System": "System",
+  "Table": "Table",
   "Table_of_Contents": "Table of Contents",
   "Text": "Text",
   "ThankYou": "Thank you",
diff --git a/vue3/src/locales/es.json b/vue3/src/locales/es.json
index 65ea9ab21..98314b780 100644
--- a/vue3/src/locales/es.json
+++ b/vue3/src/locales/es.json
@@ -42,6 +42,7 @@
   "Cancel": "Cancelar",
   "Cannot_Add_Notes_To_Shopping": "Las notas no pueden añadirse a la lista de la compra",
   "Carbohydrates": "Carbohydratos",
+  "Cards": "",
   "Categories": "categorias",
   "Category": "Categoría",
   "CategoryInstruction": "Arrastrar categorías para cambiar su orden de aparición en la lista de la compra.",
@@ -296,6 +297,7 @@
   "Page": "Página",
   "Parameter": "Parametro",
   "Parent": "Padre",
+  "PerPage": "",
   "Period": "Periodo",
   "Periods": "Periódos",
   "Pin": "Fijar",
@@ -418,6 +420,7 @@
   "SupermarketName": "Nombre del Supermercado",
   "Supermarkets": "Supermercados",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Tabla de contenido",
   "Text": "Texto",
   "ThankYou": "",
diff --git a/vue3/src/locales/fi.json b/vue3/src/locales/fi.json
index 58543d1ef..d95a3512a 100644
--- a/vue3/src/locales/fi.json
+++ b/vue3/src/locales/fi.json
@@ -26,6 +26,7 @@
   "Cancel": "Peruuta",
   "Cannot_Add_Notes_To_Shopping": "Lisätietoja ei voida lisätä ostoslistaan",
   "Carbohydrates": "Hiilihydraatit",
+  "Cards": "",
   "Categories": "Luokat",
   "Category": "Luokka",
   "Clear": "Pyyhi",
@@ -171,6 +172,7 @@
   "Owner": "",
   "Parameter": "Parametri",
   "Parent": "Yläluokka",
+  "PerPage": "",
   "Period": "Jakso",
   "Periods": "Jaksot",
   "Plan_Period_To_Show": "Näytä viikot, kuukaudet tai vuodet",
@@ -254,6 +256,7 @@
   "Sunday": "",
   "Supermarket": "Supermarket",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Sisällysluettelo",
   "Text": "Teksi",
   "ThankYou": "",
diff --git a/vue3/src/locales/fr.json b/vue3/src/locales/fr.json
index e5f26963e..305482130 100644
--- a/vue3/src/locales/fr.json
+++ b/vue3/src/locales/fr.json
@@ -43,6 +43,7 @@
   "Cancel": "Annuler",
   "Cannot_Add_Notes_To_Shopping": "Les notes ne peuvent pas être ajoutées à la liste de courses",
   "Carbohydrates": "Glucides",
+  "Cards": "",
   "Categories": "Catégories",
   "Category": "Catégorie",
   "CategoryInstruction": "Faites glisser les catégories pour modifier l'ordre dans lequel elles apparaissent dans la liste des courses.",
@@ -295,6 +296,7 @@
   "Page": "Page",
   "Parameter": "Paramètre",
   "Parent": "Parent",
+  "PerPage": "",
   "Period": "Période",
   "Periods": "Périodes",
   "Pin": "Épingler",
@@ -418,6 +420,7 @@
   "SupermarketName": "Nom du supermarché",
   "Supermarkets": "Supermarchés",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Table des Matières",
   "Text": "Texte",
   "ThankYou": "",
diff --git a/vue3/src/locales/he.json b/vue3/src/locales/he.json
index 1d1ed382e..f1425f178 100644
--- a/vue3/src/locales/he.json
+++ b/vue3/src/locales/he.json
@@ -42,6 +42,7 @@
   "Cancel": "ביטול",
   "Cannot_Add_Notes_To_Shopping": "לא ניתן להוסיף הערות לרשימת הקניות",
   "Carbohydrates": "פחמימות",
+  "Cards": "",
   "Categories": "קטגוריות",
   "Category": "קטגוריה",
   "CategoryInstruction": "גרור קטגוריות לשינוי הסדר שבו הן מופיעות ברשימת הקניות.",
@@ -296,6 +297,7 @@
   "Page": "עמוד",
   "Parameter": "פרמטר",
   "Parent": "הורה",
+  "PerPage": "",
   "Period": "תקופה",
   "Periods": "תקופות",
   "Pin": "נעץ",
@@ -420,6 +422,7 @@
   "SupermarketName": "שם סופרמרקט",
   "Supermarkets": "סופרמרקטים",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "תוכן עניינים",
   "Text": "כתב",
   "ThankYou": "",
diff --git a/vue3/src/locales/hu.json b/vue3/src/locales/hu.json
index 0384e5d24..c29669434 100644
--- a/vue3/src/locales/hu.json
+++ b/vue3/src/locales/hu.json
@@ -41,6 +41,7 @@
   "Cancel": "Mégsem",
   "Cannot_Add_Notes_To_Shopping": "A bevásárlólistához nem adható hozzá megjegyzés",
   "Carbohydrates": "Szénhidrátok",
+  "Cards": "",
   "Categories": "Kategóriák",
   "Category": "Kategória",
   "CategoryInstruction": "A kategóriákat mozgatva megváltoztathatja a kategóriák sorrendjét a bevásárlólistán.",
@@ -272,6 +273,7 @@
   "Page": "Oldal",
   "Parameter": "Paraméter",
   "Parent": "Szülő",
+  "PerPage": "",
   "Period": "Periódus",
   "Periods": "Periódusok",
   "Pin": "Kitűzés",
@@ -386,6 +388,7 @@
   "SupermarketName": "Szupermarket neve",
   "Supermarkets": "Szupermarketek",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Tartalomjegyzék",
   "Text": "Szöveg",
   "ThankYou": "",
diff --git a/vue3/src/locales/hy.json b/vue3/src/locales/hy.json
index 4c249d291..ab6700990 100644
--- a/vue3/src/locales/hy.json
+++ b/vue3/src/locales/hy.json
@@ -22,6 +22,7 @@
   "Calories": "",
   "Cancel": "",
   "Carbohydrates": "",
+  "Cards": "",
   "Categories": "",
   "Category": "",
   "Close": "",
@@ -125,6 +126,7 @@
   "Order": "",
   "Owner": "",
   "Parent": "Ծնող",
+  "PerPage": "",
   "Plural": "",
   "Postpone": "",
   "PostponedUntil": "",
@@ -192,6 +194,7 @@
   "Sunday": "",
   "Supermarket": "",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Բովանդակություն",
   "ThankYou": "",
   "ThanksTextHosted": "",
diff --git a/vue3/src/locales/id.json b/vue3/src/locales/id.json
index f210e26c7..301872ca7 100644
--- a/vue3/src/locales/id.json
+++ b/vue3/src/locales/id.json
@@ -36,6 +36,7 @@
   "Cancel": "Batal",
   "Cannot_Add_Notes_To_Shopping": "",
   "Carbohydrates": "Karbohidrat",
+  "Cards": "",
   "Categories": "Kategori",
   "Category": "Kategori",
   "CategoryInstruction": "",
@@ -252,6 +253,7 @@
   "Page": "",
   "Parameter": "Parameter",
   "Parent": "Induk",
+  "PerPage": "",
   "Period": "",
   "Periods": "",
   "Pin": "",
@@ -361,6 +363,7 @@
   "SupermarketName": "",
   "Supermarkets": "",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Daftar isi",
   "Text": "",
   "ThankYou": "",
diff --git a/vue3/src/locales/is.json b/vue3/src/locales/is.json
index 4278bd614..01fd888fb 100644
--- a/vue3/src/locales/is.json
+++ b/vue3/src/locales/is.json
@@ -42,6 +42,7 @@
   "Cancel": "",
   "Cannot_Add_Notes_To_Shopping": "",
   "Carbohydrates": "",
+  "Cards": "",
   "Categories": "",
   "Category": "",
   "CategoryInstruction": "",
@@ -295,6 +296,7 @@
   "Page": "",
   "Parameter": "",
   "Parent": "",
+  "PerPage": "",
   "Period": "",
   "Periods": "",
   "Pin": "",
@@ -418,6 +420,7 @@
   "SupermarketName": "",
   "Supermarkets": "",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "",
   "Text": "",
   "ThankYou": "",
diff --git a/vue3/src/locales/it.json b/vue3/src/locales/it.json
index d26049ede..21c0ff873 100644
--- a/vue3/src/locales/it.json
+++ b/vue3/src/locales/it.json
@@ -40,6 +40,7 @@
   "Cancel": "Annulla",
   "Cannot_Add_Notes_To_Shopping": "Le note non possono essere aggiunte alla lista della spesa",
   "Carbohydrates": "Carboidrati",
+  "Cards": "",
   "Categories": "Categorie",
   "Category": "Categoria",
   "CategoryInstruction": "Trascina le categorie per cambiare l'ordine in cui appaiono nella lista della spesa.",
@@ -258,6 +259,7 @@
   "Page": "Pagina",
   "Parameter": "Parametro",
   "Parent": "Primario",
+  "PerPage": "",
   "Period": "Periodo",
   "Periods": "Periodi",
   "Pin": "Fissa",
@@ -370,6 +372,7 @@
   "SupermarketName": "Nome supermercato",
   "Supermarkets": "Supermercati",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Indice dei contenuti",
   "Text": "Testo",
   "ThankYou": "",
diff --git a/vue3/src/locales/lt.json b/vue3/src/locales/lt.json
index 479f6a26d..e92e46fa6 100644
--- a/vue3/src/locales/lt.json
+++ b/vue3/src/locales/lt.json
@@ -41,6 +41,7 @@
   "Cancel": "",
   "Cannot_Add_Notes_To_Shopping": "",
   "Carbohydrates": "",
+  "Cards": "",
   "Categories": "",
   "Category": "",
   "CategoryInstruction": "",
@@ -276,6 +277,7 @@
   "Page": "",
   "Parameter": "",
   "Parent": "",
+  "PerPage": "",
   "Period": "",
   "Periods": "",
   "Pin": "",
@@ -391,6 +393,7 @@
   "SupermarketName": "",
   "Supermarkets": "",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Turinys",
   "Text": "",
   "ThankYou": "",
diff --git a/vue3/src/locales/nb_NO.json b/vue3/src/locales/nb_NO.json
index 4f24f1165..4182c603d 100644
--- a/vue3/src/locales/nb_NO.json
+++ b/vue3/src/locales/nb_NO.json
@@ -40,6 +40,7 @@
   "Cancel": "Avbryt",
   "Cannot_Add_Notes_To_Shopping": "Notater kan ikke legges til i handlelisten",
   "Carbohydrates": "Karbohydrater",
+  "Cards": "",
   "Categories": "Kategorier",
   "Category": "Kategori",
   "CategoryInstruction": "Dra kategorier for å endre på rekkefølgen de vises i handlelisten.",
@@ -268,6 +269,7 @@
   "Page": "",
   "Parameter": "Parameter",
   "Parent": "Forelder",
+  "PerPage": "",
   "Period": "Periode",
   "Periods": "Perioder",
   "Pin": "Fest",
@@ -382,6 +384,7 @@
   "SupermarketName": "Butikk Navn",
   "Supermarkets": "Butikker",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Innholdsfortegnelse",
   "Text": "Tekst",
   "ThankYou": "",
diff --git a/vue3/src/locales/nl.json b/vue3/src/locales/nl.json
index 7647f9fe2..16d5ed138 100644
--- a/vue3/src/locales/nl.json
+++ b/vue3/src/locales/nl.json
@@ -42,6 +42,7 @@
   "Cancel": "Annuleer",
   "Cannot_Add_Notes_To_Shopping": "Notities kunnen niet aan de boodschappenlijst toegevoegd worden",
   "Carbohydrates": "Koolhydraten",
+  "Cards": "",
   "Categories": "Categorieën",
   "Category": "Categorie",
   "CategoryInstruction": "Versleep categorieën om de volgorde waarin ze in de boodschappenlijst getoond worden aan te passen.",
@@ -272,6 +273,7 @@
   "Page": "Pagina",
   "Parameter": "Parameter",
   "Parent": "Ouder",
+  "PerPage": "",
   "Period": "Periode",
   "Periods": "Periodes",
   "Pin": "Pin",
@@ -386,6 +388,7 @@
   "SupermarketName": "Naam supermarkt",
   "Supermarkets": "Supermarkten",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Inhoudsopgave",
   "Text": "Tekst",
   "ThankYou": "",
diff --git a/vue3/src/locales/pl.json b/vue3/src/locales/pl.json
index 831f63ea7..a20a6f620 100644
--- a/vue3/src/locales/pl.json
+++ b/vue3/src/locales/pl.json
@@ -43,6 +43,7 @@
   "Cancel": "Anuluj",
   "Cannot_Add_Notes_To_Shopping": "Notatki nie mogą być dodawane do listy zakupów",
   "Carbohydrates": "Węglowodany",
+  "Cards": "",
   "Categories": "Kategorie",
   "Category": "Kategorie",
   "CategoryInstruction": "Przeciągnij kategorie, aby zmienić kolejność w jakiej kategorie pojawiają się na liście zakupów.",
@@ -297,6 +298,7 @@
   "Page": "Strona",
   "Parameter": "Parametr",
   "Parent": "Nadrzędny",
+  "PerPage": "",
   "Period": "Okres",
   "Periods": "Okresy",
   "Pin": "Przypnij",
@@ -421,6 +423,7 @@
   "SupermarketName": "Nazwa supermarketu",
   "Supermarkets": "Supermarkety",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Spis treści",
   "Text": "Tekst",
   "ThankYou": "",
diff --git a/vue3/src/locales/pt.json b/vue3/src/locales/pt.json
index 85430b8e1..b1f9a8ec3 100644
--- a/vue3/src/locales/pt.json
+++ b/vue3/src/locales/pt.json
@@ -34,6 +34,7 @@
   "Cancel": "Cancelar",
   "Cannot_Add_Notes_To_Shopping": "Notas não podem ser adicionadas à lista de compras",
   "Carbohydrates": "Carboidratos",
+  "Cards": "",
   "Categories": "Categorias",
   "Category": "Categoria",
   "CategoryInstruction": "",
@@ -221,6 +222,7 @@
   "Page": "Página",
   "Parameter": "Parâmetro",
   "Parent": "Parente",
+  "PerPage": "",
   "Period": "Período",
   "Periods": "Períodos",
   "Pin": "",
@@ -324,6 +326,7 @@
   "SupermarketName": "",
   "Supermarkets": "Supermercados",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Tabela de Conteúdos",
   "Text": "Texto",
   "ThankYou": "",
diff --git a/vue3/src/locales/pt_BR.json b/vue3/src/locales/pt_BR.json
index 79ebcdfaf..4fda1e0f1 100644
--- a/vue3/src/locales/pt_BR.json
+++ b/vue3/src/locales/pt_BR.json
@@ -41,6 +41,7 @@
   "Cancel": "Cancelar",
   "Cannot_Add_Notes_To_Shopping": "Notas não podem sem adicionadas na lista de compras",
   "Carbohydrates": "Carboidratos",
+  "Cards": "",
   "Categories": "Categorias",
   "Category": "Categoria",
   "CategoryInstruction": "",
@@ -285,6 +286,7 @@
   "Page": "Página",
   "Parameter": "Parâmetro",
   "Parent": "Pai",
+  "PerPage": "",
   "Period": "Período",
   "Periods": "Períodos",
   "Pin": "Pin",
@@ -403,6 +405,7 @@
   "SupermarketName": "Nome do Supermercado",
   "Supermarkets": "Supermercados",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Índice",
   "Text": "Texto",
   "ThankYou": "",
diff --git a/vue3/src/locales/ro.json b/vue3/src/locales/ro.json
index f96872009..71ecd879e 100644
--- a/vue3/src/locales/ro.json
+++ b/vue3/src/locales/ro.json
@@ -40,6 +40,7 @@
   "Cancel": "Anulează",
   "Cannot_Add_Notes_To_Shopping": "Notele nu pot fi adăugate la lista de cumpărături",
   "Carbohydrates": "Carbohidrați",
+  "Cards": "",
   "Categories": "Categorii",
   "Category": "Categorie",
   "CategoryInstruction": "Trageți categoriile pentru a schimba categoriile de comenzi care apar în lista de cumpărături.",
@@ -262,6 +263,7 @@
   "Page": "Pagină",
   "Parameter": "Parametru",
   "Parent": "Părinte",
+  "PerPage": "",
   "Period": "Perioadă",
   "Periods": "Perioade",
   "Pin": "Fixează",
@@ -374,6 +376,7 @@
   "SupermarketName": "Numele supermarketului",
   "Supermarkets": "Supermarket-uri",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Cuprins",
   "Text": "Text",
   "ThankYou": "",
diff --git a/vue3/src/locales/ru.json b/vue3/src/locales/ru.json
index aeae8408e..cf1325f96 100644
--- a/vue3/src/locales/ru.json
+++ b/vue3/src/locales/ru.json
@@ -33,6 +33,7 @@
   "Cancel": "Отменить",
   "Cannot_Add_Notes_To_Shopping": "Нельзя добавить записи в список покупок",
   "Carbohydrates": "Углеводы",
+  "Cards": "",
   "Categories": "Категории",
   "Category": "Категория",
   "Clear": "Очистить",
@@ -211,6 +212,7 @@
   "Page": "Страница",
   "Parameter": "Параметр",
   "Parent": "Родитель",
+  "PerPage": "",
   "Period": "Период",
   "Periods": "Периоды",
   "Pinned": "Прикрепленный",
@@ -306,6 +308,7 @@
   "SupermarketCategoriesOnly": "Только категории супермаркетов",
   "Supermarkets": "Супермаркеты",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Содержимое",
   "Text": "Текст",
   "ThankYou": "",
diff --git a/vue3/src/locales/sl.json b/vue3/src/locales/sl.json
index d844a4306..089b6bb44 100644
--- a/vue3/src/locales/sl.json
+++ b/vue3/src/locales/sl.json
@@ -32,6 +32,7 @@
   "Cancel": "Prekini",
   "Cannot_Add_Notes_To_Shopping": "Opombe ne moreš dodati v nakupovalni listek",
   "Carbohydrates": "Ogljikovi hidrati",
+  "Cards": "",
   "Categories": "Kategorije",
   "Category": "Kategorija",
   "CategoryInstruction": "Povleci kategorije za spremembo vrstnega reda v nakupovalnem listku.",
@@ -204,6 +205,7 @@
   "Owner": "",
   "Parameter": "Parameter",
   "Parent": "Starš",
+  "PerPage": "",
   "Period": "Obdobje",
   "Periods": "Obdobja",
   "Pin": "Pripni",
@@ -297,6 +299,7 @@
   "SupermarketCategoriesOnly": "Prikaži samo trgovinske kategorije",
   "SupermarketName": "Ime trgovine",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Kazalo vsebine",
   "Text": "Tekst",
   "ThankYou": "",
diff --git a/vue3/src/locales/sv.json b/vue3/src/locales/sv.json
index 65f74d7a3..f6272efc2 100644
--- a/vue3/src/locales/sv.json
+++ b/vue3/src/locales/sv.json
@@ -43,6 +43,7 @@
   "Cancel": "Avbryt",
   "Cannot_Add_Notes_To_Shopping": "Anteckningar kan inte läggas till inköpslistan",
   "Carbohydrates": "Kolhydrater",
+  "Cards": "",
   "Categories": "Kategorier",
   "Category": "Kategori",
   "CategoryInstruction": "Dra kategorier för att ändra den ordning som kategorierna visas i inköpslistan.",
@@ -297,6 +298,7 @@
   "Page": "Sida",
   "Parameter": "Parameter",
   "Parent": "Förälder",
+  "PerPage": "",
   "Period": "Period",
   "Periods": "Perioder",
   "Pin": "Fäst",
@@ -421,6 +423,7 @@
   "SupermarketName": "Mataffärens namn",
   "Supermarkets": "Mataffärer",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Innehållsförteckning",
   "Text": "Text",
   "ThankYou": "",
diff --git a/vue3/src/locales/tr.json b/vue3/src/locales/tr.json
index c8de45c0f..cb8e52038 100644
--- a/vue3/src/locales/tr.json
+++ b/vue3/src/locales/tr.json
@@ -42,6 +42,7 @@
   "Cancel": "İptal",
   "Cannot_Add_Notes_To_Shopping": "Alışveriş listesine notlar eklenemez",
   "Carbohydrates": "Karbonhidratlar",
+  "Cards": "",
   "Categories": "Kategoriler",
   "Category": "Kategori",
   "CategoryInstruction": "Alışveriş listesinde görünen sipariş kategorilerini değiştirmek için kategorileri sürükleyin.",
@@ -296,6 +297,7 @@
   "Page": "Sayfa",
   "Parameter": "Parametre",
   "Parent": "Üst Öğe",
+  "PerPage": "",
   "Period": "Dönem",
   "Periods": "Dönemler",
   "Pin": "Sabitle",
@@ -420,6 +422,7 @@
   "SupermarketName": "Süpermarket Adı",
   "Supermarkets": "Marketler",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "İçindekiler Tablosu",
   "Text": "Metin",
   "ThankYou": "",
diff --git a/vue3/src/locales/uk.json b/vue3/src/locales/uk.json
index 3a700d6b0..226758514 100644
--- a/vue3/src/locales/uk.json
+++ b/vue3/src/locales/uk.json
@@ -37,6 +37,7 @@
   "Cancel": "Відмінити",
   "Cannot_Add_Notes_To_Shopping": "Нотатки не можуть бути доданими до списку покупок",
   "Carbohydrates": "Вуглеводи",
+  "Cards": "",
   "Categories": "Категорії",
   "Category": "Категорія",
   "CategoryInstruction": "",
@@ -239,6 +240,7 @@
   "Page": "",
   "Parameter": "Параметр",
   "Parent": "Батько",
+  "PerPage": "",
   "Period": "Період",
   "Periods": "Періоди",
   "Pin": "",
@@ -345,6 +347,7 @@
   "SupermarketName": "",
   "Supermarkets": "",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "Зміст",
   "Text": "Текст",
   "ThankYou": "",
diff --git a/vue3/src/locales/zh_Hans.json b/vue3/src/locales/zh_Hans.json
index 925b8893e..41d4f84d4 100644
--- a/vue3/src/locales/zh_Hans.json
+++ b/vue3/src/locales/zh_Hans.json
@@ -41,6 +41,7 @@
   "Cancel": "取消",
   "Cannot_Add_Notes_To_Shopping": "无法将笔记添加到购物清单",
   "Carbohydrates": "碳水化合物",
+  "Cards": "",
   "Categories": "分类",
   "Category": "分类",
   "CategoryInstruction": "拖动类别可更改出现在购物清单中的订单类别。",
@@ -291,6 +292,7 @@
   "Page": "页",
   "Parameter": "范围",
   "Parent": "父级",
+  "PerPage": "",
   "Period": "周期",
   "Periods": "周期",
   "Pin": "固定",
@@ -414,6 +416,7 @@
   "SupermarketName": "超市名",
   "Supermarkets": "超市",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "目录",
   "Text": "文本",
   "ThankYou": "",
diff --git a/vue3/src/locales/zh_Hant.json b/vue3/src/locales/zh_Hant.json
index aa2c36552..3ff1604fb 100644
--- a/vue3/src/locales/zh_Hant.json
+++ b/vue3/src/locales/zh_Hant.json
@@ -19,6 +19,7 @@
   "Calories": "",
   "Cancel": "",
   "Carbohydrates": "",
+  "Cards": "",
   "Categories": "",
   "Category": "",
   "Close": "",
@@ -100,6 +101,7 @@
   "Open": "",
   "Order": "",
   "Owner": "",
+  "PerPage": "",
   "Plural": "",
   "Postpone": "",
   "PostponedUntil": "",
@@ -162,6 +164,7 @@
   "Sunday": "",
   "Supermarket": "",
   "System": "",
+  "Table": "",
   "Table_of_Contents": "目錄",
   "ThankYou": "",
   "ThanksTextHosted": "",
diff --git a/vue3/src/pages/SearchPage.vue b/vue3/src/pages/SearchPage.vue
index e59fdf808..683f5a895 100644
--- a/vue3/src/pages/SearchPage.vue
+++ b/vue3/src/pages/SearchPage.vue
@@ -15,17 +15,17 @@
                 </v-text-field>
             </v-col>
         </v-row>
-        <v-row>
+        <v-row dense>
             <v-col>
                 <v-expansion-panels v-model="panel">
                     <v-expansion-panel value="search">
                         <v-expansion-panel-text>
-                            <v-form :disabled="loading">
+                            <v-form :disabled="loading" class="mt-4">
 
-                                <model-select model="Keyword" mode="tags" v-model="urlSearchParams.keywords" :object="false"></model-select>
-                                <model-select model="Food" mode="tags" v-model="urlSearchParams.foods" :object="false"></model-select>
-                                <model-select model="Unit" mode="tags" v-model="urlSearchParams.units" :object="false"></model-select>
-                                <model-select model="RecipeBook" mode="tags" v-model="urlSearchParams.books" :object="false"></model-select>
+                                <model-select model="Keyword" mode="tags" v-model="urlSearchParams.keywords" density="compact" :object="false"></model-select>
+                                <model-select model="Food" mode="tags" v-model="urlSearchParams.foods" density="compact" :object="false"></model-select>
+                                <model-select model="Unit" mode="tags" v-model="urlSearchParams.units" density="compact" :object="false"></model-select>
+                                <model-select model="RecipeBook" mode="tags" v-model="urlSearchParams.books" density="compact" :object="false"></model-select>
 
                                 <!--                            <v-number-input :label="$t('times_cooked')" v-model="searchParameters.timescooked" clearable></v-number-input>-->
                                 <!--                            <v-date-input  :label="$t('last_cooked')" v-model="searchParameters.cookedon" clearable></v-date-input>-->
@@ -33,9 +33,9 @@
                                 <!--                            <v-date-input :label="$t('created_on')" v-model="searchParameters.createdon" clearable></v-date-input>-->
                                 <!--                            <v-date-input :label="$t('updatedon')" v-model="searchParameters.updatedon" clearable></v-date-input>-->
 
-                                <v-checkbox :label="$t('make_now')" v-model="urlSearchParams.makenow"></v-checkbox>
+                                <v-checkbox :label="$t('make_now')" v-model="urlSearchParams.makenow" density="compact"></v-checkbox>
 
-                                <model-select model="CustomFilter" v-model="selectedCustomFilter">
+                                <model-select model="CustomFilter" v-model="selectedCustomFilter" density="compact">
                                     <template #append>
                                         <v-btn icon="fa-solid fa-upload" color="warning" :disabled="Object.keys(selectedCustomFilter).length == 0"
                                                @click="loadCustomFilter()"></v-btn>
@@ -43,6 +43,16 @@
                                     </template>
                                 </model-select>
                             </v-form>
+                            <v-row>
+                                <v-col cols="6">
+                                    <v-select :label="$t('View')" v-model="useUserPreferenceStore().deviceSettings.search_viewMode"
+                                              :items="[{title: $t('Table'), value: 'table'}, {title: $t('Cards'), value: 'grid'},]" density="compact"></v-select>
+                                </v-col>
+                                <v-col cols="6">
+                                    <v-select class="float-right" :label="$t('PerPage')" v-model="urlSearchParams.pageSize" :items="[10,25,50,100]" density="compact"
+                                              width="100%"></v-select>
+                                </v-col>
+                            </v-row>
 
                         </v-expansion-panel-text>
 
@@ -56,16 +66,7 @@
             </v-col>
         </v-row>
 
-        <v-row>
-            <v-col>
-                <v-btn-toggle class="float-right" v-model="viewMode">
-                    <v-btn value="table" density="compact"><i class="fa-solid fa-list"></i></v-btn>
-                    <v-btn value="grid" density="compact"><i class="fa-solid fa-border-all"></i></v-btn>
-                </v-btn-toggle>
-            </v-col>
-        </v-row>
-
-        <v-row v-if="recipes.length > 0 && viewMode == 'table'">
+        <v-row v-if="recipes.length > 0 && useUserPreferenceStore().deviceSettings.search_viewMode == 'table'">
             <v-col>
                 <v-card>
                     <v-data-table-server
@@ -78,9 +79,11 @@
                         :items-length="tableItemCount"
                         @click:row="handleRowClick"
                         disable-sort
+                        hide-default-header
+                        hide-default-footer
                     >
                         <template #item.image="{item}">
-                            <v-avatar :image="item.image"></v-avatar>
+                            <v-avatar :image="item.image" size="x-large" class="mt-1 mb-1"></v-avatar>
                         </template>
 
                         <template #item.keywords="{item}">
@@ -95,19 +98,23 @@
             </v-col>
         </v-row>
 
-        <template v-if="recipes.length > 0 && viewMode == 'grid'">
+        <template v-if="recipes.length > 0 && useUserPreferenceStore().deviceSettings.search_viewMode == 'grid'">
             <v-row>
-                <v-col md="4" v-for="r in recipes" :key="r.id">
+                <v-col cols="6" md="4" v-for="r in recipes" :key="r.id" class="pa-0">
                     <recipe-card :recipe="r"></recipe-card>
                 </v-col>
 
             </v-row>
-            <v-row>
-                <v-col>
-                    <v-pagination v-model="urlSearchParams.page" :length="tableItemCount" @update:modelValue="searchRecipes({page: urlSearchParams.page})"></v-pagination>
-                </v-col>
-            </v-row>
+
         </template>
+    <v-row>
+        <v-col cols="12" md="6" offset-md="3">
+            <v-pagination v-model="urlSearchParams.page" :length="Math.ceil(tableItemCount/urlSearchParams.pageSize)"
+                          @update:modelValue="searchRecipes({page: urlSearchParams.page})" class="ms-2 me-2" size="small"
+            ></v-pagination>
+        </v-col>
+    </v-row>
+
 
         <v-dialog v-model="dialog">
             <v-card>
@@ -125,7 +132,7 @@
 
 <script setup lang="ts">
 
-import {onMounted, ref, watch} from "vue";
+import {computed, onMounted, ref, watch} from "vue";
 import {ApiApi, ApiRecipeListRequest, CustomFilter, RecipeOverview} from "@/openapi";
 import {useUrlSearchParams} from "@vueuse/core";
 import {useI18n} from "vue-i18n";
@@ -139,9 +146,13 @@ import KeywordsBar from "@/components/display/KeywordsBar.vue";
 import {VDataTableUpdateOptions} from "@/vuetify";
 import VClosableCardTitle from "@/components/dialogs/VClosableCardTitle.vue";
 import RecipeCard from "@/components/display/RecipeCard.vue";
+import {useDisplay} from "vuetify";
+import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
+import * as url from "node:url";
 
 const {t} = useI18n()
 const router = useRouter()
+const {mdAndUp} = useDisplay()
 const urlSearchParams = useUrlSearchParams('history', {})
 
 const loading = ref(false)
@@ -149,12 +160,20 @@ const dialog = ref(false)
 const panel = ref('')
 const viewMode = ref('table')
 
-const tableHeaders = [
-    {title: t('Image'), width: '1%', noBreak: true, key: 'image',},
-    {title: t('Name'), key: 'name',},
-    {title: t('Keywords'), key: 'keywords',},
-    {title: t('Actions'), key: 'action', width: '1%', noBreak: true, align: 'end'},
-]
+
+const tableHeaders = computed(() => {
+    let headers = [
+        {title: t('Image'), width: '1%', noBreak: true, key: 'image',},
+        {title: t('Name'), key: 'name',},
+    ]
+    if (mdAndUp.value) {
+        headers.push({title: t('Keywords'), key: 'keywords',},)
+    }
+
+    headers.push({title: t('Actions'), key: 'action', width: '1%', noBreak: true, align: 'end'},)
+
+    return headers
+})
 
 const tableItemCount = ref(0)
 
@@ -163,8 +182,13 @@ const selectedCustomFilter = ref({} as CustomFilter)
 const newFilterName = ref('')
 
 onMounted(() => {
-    urlSearchParams.page = 1
-    searchRecipes({page: 1})
+    if(urlSearchParams.page == undefined){
+        urlSearchParams.page = 1
+    }
+    if(urlSearchParams.pageSize == undefined){
+        urlSearchParams.pageSize = useUserPreferenceStore().deviceSettings.search_itemsPerPage
+    }
+    searchRecipes({page: urlSearchParams.page})
 })
 
 function searchRecipes(options: VDataTableUpdateOptions) {
@@ -188,6 +212,7 @@ function searchRecipes(options: VDataTableUpdateOptions) {
         useMessageStore().addError(ErrorMessageType.FETCH_ERROR, err)
     }).finally(() => {
         loading.value = false
+        window.scrollTo({top: 0, behavior: 'smooth'})
     })
 }
 
diff --git a/vue3/src/stores/UserPreferenceStore.ts b/vue3/src/stores/UserPreferenceStore.ts
index 9e15f17e8..90fe25472 100644
--- a/vue3/src/stores/UserPreferenceStore.ts
+++ b/vue3/src/stores/UserPreferenceStore.ts
@@ -188,6 +188,9 @@ export const useUserPreferenceStore = defineStore('user_preference_store', () =>
             mealplan_startingDayOfWeek: 1,
             mealplan_displayWeekNumbers: true,
 
+            search_itemsPerPage: 50,
+            search_viewMode: 'table',
+
             general_tableItemsPerPage: 10,
             general_closedHelpAlerts: [],
         }
diff --git a/vue3/src/types/settings.ts b/vue3/src/types/settings.ts
index a31deff3b..f85b19e17 100644
--- a/vue3/src/types/settings.ts
+++ b/vue3/src/types/settings.ts
@@ -17,6 +17,9 @@ export type DeviceSettings = {
     mealplan_startingDayOfWeek: number
     mealplan_displayWeekNumbers: boolean
 
+    search_itemsPerPage: number,
+    search_viewMode: 'table'|'grid',
+
     general_tableItemsPerPage: number
     general_closedHelpAlerts: String[]
 }
\ No newline at end of file