From 1c9d19fc766eb4b2dfc8a78d7aa22659ebe690ce Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Thu, 19 Dec 2024 20:21:00 +0100
Subject: [PATCH] fixed navigating with global search

---
 cookbook/views/views.py                           |  3 +--
 vue3/src/components/display/RecipeActivity.vue    |  1 -
 vue3/src/components/display/RecipeView.vue        |  8 ++++++++
 vue3/src/components/inputs/GlobalSearchDialog.vue | 11 ++++++-----
 vue3/src/locales/ar.json                          |  4 ++++
 vue3/src/locales/bg.json                          |  4 ++++
 vue3/src/locales/ca.json                          |  4 ++++
 vue3/src/locales/cs.json                          |  4 ++++
 vue3/src/locales/da.json                          |  4 ++++
 vue3/src/locales/de.json                          |  4 ++++
 vue3/src/locales/el.json                          |  4 ++++
 vue3/src/locales/en.json                          |  4 ++++
 vue3/src/locales/es.json                          |  4 ++++
 vue3/src/locales/fi.json                          |  4 ++++
 vue3/src/locales/fr.json                          |  4 ++++
 vue3/src/locales/he.json                          |  4 ++++
 vue3/src/locales/hu.json                          |  4 ++++
 vue3/src/locales/hy.json                          |  4 ++++
 vue3/src/locales/id.json                          |  4 ++++
 vue3/src/locales/is.json                          |  4 ++++
 vue3/src/locales/it.json                          |  4 ++++
 vue3/src/locales/lt.json                          |  4 ++++
 vue3/src/locales/nb_NO.json                       |  4 ++++
 vue3/src/locales/nl.json                          |  4 ++++
 vue3/src/locales/pl.json                          |  4 ++++
 vue3/src/locales/pt.json                          |  4 ++++
 vue3/src/locales/pt_BR.json                       |  4 ++++
 vue3/src/locales/ro.json                          |  4 ++++
 vue3/src/locales/ru.json                          |  4 ++++
 vue3/src/locales/sl.json                          |  4 ++++
 vue3/src/locales/sv.json                          |  4 ++++
 vue3/src/locales/tr.json                          |  4 ++++
 vue3/src/locales/uk.json                          |  4 ++++
 vue3/src/locales/zh_Hans.json                     |  4 ++++
 vue3/src/locales/zh_Hant.json                     |  4 ++++
 vue3/src/pages/RecipeViewPage.vue                 |  7 ++++++-
 36 files changed, 145 insertions(+), 9 deletions(-)

diff --git a/cookbook/views/views.py b/cookbook/views/views.py
index 9bdb176cc3..fbd9fbdc2b 100644
--- a/cookbook/views/views.py
+++ b/cookbook/views/views.py
@@ -34,8 +34,7 @@
 
 
 def index(request):
-    if settings.V3_BETA:
-        return HttpResponseRedirect(reverse('vue3'))
+    return HttpResponseRedirect(reverse('vue3'))
 
     with scopes_disabled():
         if not request.user.is_authenticated:
diff --git a/vue3/src/components/display/RecipeActivity.vue b/vue3/src/components/display/RecipeActivity.vue
index 4beb26a8c0..f2dcf82831 100644
--- a/vue3/src/components/display/RecipeActivity.vue
+++ b/vue3/src/components/display/RecipeActivity.vue
@@ -27,7 +27,6 @@
                     </p>
                 </v-list-item>
             </v-list>
-
         </v-card-text>
     </v-card>
 
diff --git a/vue3/src/components/display/RecipeView.vue b/vue3/src/components/display/RecipeView.vue
index 8868f0202b..2a589e56ad 100644
--- a/vue3/src/components/display/RecipeView.vue
+++ b/vue3/src/components/display/RecipeView.vue
@@ -1,4 +1,12 @@
 <template>
+    <template v-if="props.recipe.name == undefined">
+        <v-skeleton-loader type="card" class="mt-md-4 rounded-0"></v-skeleton-loader>
+        <v-skeleton-loader type="article" class="mt-2"></v-skeleton-loader>
+        <v-skeleton-loader type="article" class="mt-2"></v-skeleton-loader>
+        <v-skeleton-loader type="list-item-avatar-three-line" class="mt-2"></v-skeleton-loader>
+        <v-skeleton-loader type="list-item-avatar-two-line"></v-skeleton-loader>
+        <v-skeleton-loader type="list-item-avatar-three-line"></v-skeleton-loader>
+    </template>
 
     <template v-if="props.recipe.name != undefined">
 
diff --git a/vue3/src/components/inputs/GlobalSearchDialog.vue b/vue3/src/components/inputs/GlobalSearchDialog.vue
index 65454b38f0..20a6df68be 100644
--- a/vue3/src/components/inputs/GlobalSearchDialog.vue
+++ b/vue3/src/components/inputs/GlobalSearchDialog.vue
@@ -2,8 +2,8 @@
     <slot name="activator">
         <v-btn @click="dialog = true" variant="plain" density="default">
             <i class="fas fa-search mr-1"></i>
-            <span class="d-none d-sm-block">Search</span>
-            <v-chip size="x-small" variant="tonal" class="d-none d-md-flex ml-1" label>Ctrl+K</v-chip>
+            <span class="d-none d-sm-block">{{$t('Search')}}</span>
+            <v-chip size="x-small" variant="tonal" class="d-none d-md-flex ml-1" label>{{$t('Ctrl+K')}}</v-chip>
         </v-btn>
     </slot>
 
@@ -42,11 +42,11 @@
             <v-card-text class="d-none d-sm-block pt-2">
                 <v-chip size="x-small" class="mr-1" label><i class="fas fa-arrow-up"></i></v-chip>
                 <v-chip size="x-small" class="mr-1" label><i class="fas fa-arrow-down"></i></v-chip>
-                <small class="mr-2">to navigate</small>
+                <small class="mr-2">{{$t('to_navigate')}}</small>
                 <v-chip size="x-small" class="mr-1" label><i class="fas fa-level-down-alt fa-rotate-90"></i></v-chip>
-                <small class="mr-2">to select</small>
+                <small class="mr-2">{{$t('to_select')}}</small>
                 <v-chip size="x-small" class="mr-1" label> esc</v-chip>
-                <small>to close</small>
+                <small>{{$t('to_close')}}</small>
 
 
             </v-card-text>
@@ -166,6 +166,7 @@ function cardVariant(index: number) {
 function goToSelectedRecipe() {
     dialog.value = false
     let searchResult = searchResults.value[selectedResult.value]
+    console.log('going to', searchResult.recipe_id)
     if (searchResult.recipe_id != null) {
         router.push({name: 'view_recipe', params: {'id': searchResult.recipe_id}})
     }
diff --git a/vue3/src/locales/ar.json b/vue3/src/locales/ar.json
index 234bb1dbac..1f1479c022 100644
--- a/vue3/src/locales/ar.json
+++ b/vue3/src/locales/ar.json
@@ -62,6 +62,7 @@
   "Create_New_Shopping_Category": "",
   "Create_New_Unit": "",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "",
   "Custom Filter": "",
   "Database": "",
@@ -502,6 +503,9 @@
   "success_updating_resource": "",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "",
   "tree_root": "",
   "tree_select": "",
diff --git a/vue3/src/locales/bg.json b/vue3/src/locales/bg.json
index 795f8beb7f..6c8a375459 100644
--- a/vue3/src/locales/bg.json
+++ b/vue3/src/locales/bg.json
@@ -59,6 +59,7 @@
   "Create_New_Shopping Category": "Създайте нова категория за пазаруване",
   "Create_New_Unit": "Добавяне на нова единица",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Текущ период",
   "Custom Filter": "Персонализиран филтър",
   "Database": "",
@@ -489,6 +490,9 @@
   "success_updating_resource": "Успешно актуализиран ресурс!",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Пъти сготвено",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Днешните рецепти",
   "tree_root": "Корен на дървото",
   "tree_select": "Използвайте Избор на дърво",
diff --git a/vue3/src/locales/ca.json b/vue3/src/locales/ca.json
index d824530396..17a3cb7e0c 100644
--- a/vue3/src/locales/ca.json
+++ b/vue3/src/locales/ca.json
@@ -78,6 +78,7 @@
   "Create_New_Unit": "",
   "Created": "",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "",
   "Custom Filter": "",
   "CustomImageHelp": "",
@@ -634,6 +635,9 @@
   "tbsp": "",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "",
   "total": "",
   "tree_root": "",
diff --git a/vue3/src/locales/cs.json b/vue3/src/locales/cs.json
index ddd26bea29..f5c6a8889a 100644
--- a/vue3/src/locales/cs.json
+++ b/vue3/src/locales/cs.json
@@ -77,6 +77,7 @@
   "Create_New_Shopping_Category": "Přidat novou nákupní kategorii",
   "Create_New_Unit": "Přidat novou jednotku",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Současné období",
   "Custom Filter": "Uživatelský filtr",
   "CustomImageHelp": "Nahrajte obrázek, který se zobrazí v přehledu prostoru.",
@@ -627,6 +628,9 @@
   "tbsp": "lžíce [tbsp] (US, objem)",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Kolkrát vařeno",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Dnešní recepty",
   "total": "celkem",
   "tree_root": "Kořen stromu",
diff --git a/vue3/src/locales/da.json b/vue3/src/locales/da.json
index 77c5737dd4..4d2f820844 100644
--- a/vue3/src/locales/da.json
+++ b/vue3/src/locales/da.json
@@ -76,6 +76,7 @@
   "Create_New_Shopping_Category": "Opret ny indkøbskategori",
   "Create_New_Unit": "Tilføj ny enhed",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Nuværende periode",
   "Custom Filter": "Tilpasset filter",
   "Data_Import_Info": "Udbyg dit Space og gør din opskriftsamling bedre ved at importere en netværkskurateret liste af ingredienser, enheder og mere.",
@@ -603,6 +604,9 @@
   "tbsp": "tablespoon [tbsp] (US, volumen)",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Antal gange tilberedt",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Opskrifter til i dag",
   "total": "total",
   "tree_root": "Roden af træet",
diff --git a/vue3/src/locales/de.json b/vue3/src/locales/de.json
index d0ce92e082..1f8eafc626 100644
--- a/vue3/src/locales/de.json
+++ b/vue3/src/locales/de.json
@@ -79,6 +79,7 @@
   "Create_New_Unit": "Neue Einheit hinzufügen",
   "Created": "Erstellt",
   "CreatedBy": "Erstellt von",
+  "Ctrl+K": "Strg+K",
   "Current_Period": "Aktueller Zeitraum",
   "Custom Filter": "Benutzerdefinierter Filter",
   "CustomImageHelp": "Laden Sie ein Bild hoch, das in der Space-Übersicht angezeigt werden soll.",
@@ -638,6 +639,9 @@
   "tbsp": "Esslöffel [tbsp] (US, Volumen)",
   "theUsernameCannotBeChanged": "Der Benutzername kann nicht geändert werden.",
   "times_cooked": "Wie oft gekocht",
+  "to_close": "zum schließen",
+  "to_navigate": "zum navigieren",
+  "to_select": "zum auswählen",
   "today_recipes": "Rezepte des Tages",
   "total": "gesamt",
   "tree_root": "Ursprung des Baums",
diff --git a/vue3/src/locales/el.json b/vue3/src/locales/el.json
index 03941d9414..7b3f39d4c1 100644
--- a/vue3/src/locales/el.json
+++ b/vue3/src/locales/el.json
@@ -75,6 +75,7 @@
   "Create_New_Shopping_Category": "Προσθήκη νέας κατηγορίας αγορών",
   "Create_New_Unit": "Προσθήκη νέας μονάδας μέτρησης",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Τρέχουσα περίοδος",
   "Custom Filter": "Προσαρμοσμένο φίλτρο",
   "Data_Import_Info": "Βελτιώστε τον χώρο και τη συλλογή συνταγών σας κάνοντας εισαγωγή μιας λίστας από φαγητά, μονάδες μέτρησης κ.α., επιμελημένη από την κοινότητα.",
@@ -586,6 +587,9 @@
   "tbsp": "κουτάλι της σούπας [tbsp] (ΗΠΑ, όγκος)",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Φορές που έχει μαγειρευτεί",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Συνταγές της ημέρας",
   "total": "σύνολο",
   "tree_root": "Ρίζα του δέντρου",
diff --git a/vue3/src/locales/en.json b/vue3/src/locales/en.json
index 9ecfb53826..4ab5a234a4 100644
--- a/vue3/src/locales/en.json
+++ b/vue3/src/locales/en.json
@@ -78,6 +78,7 @@
   "Create_New_Unit": "Add New Unit",
   "Created": "Created",
   "CreatedBy": "Created by",
+  "Ctrl+K": "Ctrl+K",
   "Current_Period": "Current Period",
   "Custom Filter": "Custom Filter",
   "CustomImageHelp": "Upload an image to show in the space overview.",
@@ -636,6 +637,9 @@
   "tbsp": "tablespoon [tbsp] (US, volume)",
   "theUsernameCannotBeChanged": "The username cannot be changed.",
   "times_cooked": "Times Cooked",
+  "to_close": "to close",
+  "to_navigate": "to navigate",
+  "to_select": "to select",
   "today_recipes": "Today's Recipes",
   "total": "total",
   "tree_root": "Root of Tree",
diff --git a/vue3/src/locales/es.json b/vue3/src/locales/es.json
index ff0d6bed32..21bbeec67b 100644
--- a/vue3/src/locales/es.json
+++ b/vue3/src/locales/es.json
@@ -78,6 +78,7 @@
   "Create_New_Unit": "Añadir nueva unidad",
   "Created": "Creada",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Período Actual",
   "Custom Filter": "Filtro Personalizado",
   "CustomImageHelp": "Subir una imagen para mostrar en la vista general del espacio.",
@@ -633,6 +634,9 @@
   "tbsp": "cucharada sopera [tbsp] (US, volumen)",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Veces Cocinada",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Recetas del día",
   "total": "total",
   "tree_root": "Raíz del Árbol",
diff --git a/vue3/src/locales/fi.json b/vue3/src/locales/fi.json
index c20b31d615..e4bb7007a1 100644
--- a/vue3/src/locales/fi.json
+++ b/vue3/src/locales/fi.json
@@ -43,6 +43,7 @@
   "Create_New_Shopping Category": "Luo Uusi Ostoskategoria",
   "Create_New_Unit": "Lisää Uusi Yksikkö",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Nykyinen Jakso",
   "Database": "",
   "Date": "Päivämäärä",
@@ -297,6 +298,9 @@
   "success_moving_resource": "Resurssin siirto onnistui!",
   "success_updating_resource": "Resurssin päivitys onnistui!",
   "theUsernameCannotBeChanged": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "tree_root": "Root of Tree",
   "warning_feature_beta": "Tämä ominaisuus on BETA (testaus) vaiheessa. Bugeja ja hajottavia muutoksia saattaa ilmaantua tulevaisuudessa tätä ominaisuutta (mahdollisesti menettää ominaisuuksiin liittyvää tietoa) käytettäessä."
 }
\ No newline at end of file
diff --git a/vue3/src/locales/fr.json b/vue3/src/locales/fr.json
index ba313cce88..258179ce93 100644
--- a/vue3/src/locales/fr.json
+++ b/vue3/src/locales/fr.json
@@ -77,6 +77,7 @@
   "Create_New_Unit": "Ajouter une nouvelle unité",
   "Created": "Créé",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Période actuelle",
   "Custom Filter": "Filtre personnalisé",
   "CustomImageHelp": "Téléchargez une image à afficher dans l'aperçu de l'espace.",
@@ -621,6 +622,9 @@
   "tbsp": "",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Nombre de fois cuisiné",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Recettes du jour",
   "total": "total",
   "tree_root": "Racine de l’arbre",
diff --git a/vue3/src/locales/he.json b/vue3/src/locales/he.json
index e7658fc79d..c034d830d4 100644
--- a/vue3/src/locales/he.json
+++ b/vue3/src/locales/he.json
@@ -78,6 +78,7 @@
   "Create_New_Unit": "הוסף יחידה",
   "Created": "נוצר",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "תקופה נוכחית",
   "Custom Filter": "פילטר מותאם",
   "CustomImageHelp": "העלאת תמונה שתראה באזור הסקירה.",
@@ -635,6 +636,9 @@
   "tbsp": "כף",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "מספר הפעמים שבושל",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "מתכון היום",
   "total": "סך הכל",
   "tree_root": "מקור העץ",
diff --git a/vue3/src/locales/hu.json b/vue3/src/locales/hu.json
index c611373250..7ed5a469e3 100644
--- a/vue3/src/locales/hu.json
+++ b/vue3/src/locales/hu.json
@@ -75,6 +75,7 @@
   "Create_New_Shopping_Category": "Új vásárlási kategória hozzáadása",
   "Create_New_Unit": "Új mértékegység hozzáadása",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Jelenlegi periódus",
   "Custom Filter": "Egyéni szűrő",
   "Data_Import_Info": "Bővítse Terét alapanyagok, mértékegységek és egyebek közösség által összeállított listájának importálásával, hogy ezzel is javítsa a receptgyűjteményét.",
@@ -590,6 +591,9 @@
   "tbsp": "evőkanál [tbsp] (USA, térfogat)",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "szor elkészítve",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Mai receptek",
   "total": "összesen",
   "tree_root": "",
diff --git a/vue3/src/locales/hy.json b/vue3/src/locales/hy.json
index 70b2b2d1cf..e0da5f47eb 100644
--- a/vue3/src/locales/hy.json
+++ b/vue3/src/locales/hy.json
@@ -31,6 +31,7 @@
   "Create_New_Keyword": "Ավելացնել նոր բանալի բառ",
   "Create_New_Shopping Category": "Ստեղծել գնումների նոր կատեգորիա",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Database": "",
   "Date": "",
   "Default": "",
@@ -208,5 +209,8 @@
   "success_fetching_resource": "Ռեսուրսը հաջողությամբ կցվել է։",
   "success_updating_resource": "Ռեսուրսը հաջողությամբ թարմացվել է։",
   "theUsernameCannotBeChanged": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "warning_feature_beta": "Այս հատկությունը ԲԵՏԱ տարբերակում է։ Ակնկալեք սխալներ և անգամ խափանող թարմացումներ ապագայում։"
 }
\ No newline at end of file
diff --git a/vue3/src/locales/id.json b/vue3/src/locales/id.json
index eeb89e6691..afc999d844 100644
--- a/vue3/src/locales/id.json
+++ b/vue3/src/locales/id.json
@@ -67,6 +67,7 @@
   "Create_New_Shopping_Category": "",
   "Create_New_Unit": "",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "",
   "Custom Filter": "",
   "Database": "",
@@ -528,6 +529,9 @@
   "success_updating_resource": "Berhasil memperbarui sumber daya!",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "",
   "tree_root": "",
   "tree_select": "",
diff --git a/vue3/src/locales/is.json b/vue3/src/locales/is.json
index 0d22a5d8a0..7a8e75682d 100644
--- a/vue3/src/locales/is.json
+++ b/vue3/src/locales/is.json
@@ -78,6 +78,7 @@
   "Create_New_Unit": "",
   "Created": "",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "",
   "Custom Filter": "",
   "CustomImageHelp": "",
@@ -633,6 +634,9 @@
   "tbsp": "",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "",
   "total": "",
   "tree_root": "",
diff --git a/vue3/src/locales/it.json b/vue3/src/locales/it.json
index 9d7cb22a7a..f9463ac136 100644
--- a/vue3/src/locales/it.json
+++ b/vue3/src/locales/it.json
@@ -71,6 +71,7 @@
   "Create_New_Shopping_Category": "Aggiungi nuova categoria di spesa",
   "Create_New_Unit": "Aggiungi nuova unità",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Periodo attuale",
   "Custom Filter": "Filtro personalizzato",
   "Database": "",
@@ -544,6 +545,9 @@
   "success_updating_resource": "Risorsa aggiornata con successo!",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Cucinato N volte",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Ricette di oggi",
   "tree_root": "Radice dell'albero",
   "tree_select": "Usa selezione ad albero",
diff --git a/vue3/src/locales/lt.json b/vue3/src/locales/lt.json
index 6cbe7b4a92..7c7ac527dd 100644
--- a/vue3/src/locales/lt.json
+++ b/vue3/src/locales/lt.json
@@ -76,6 +76,7 @@
   "Create_New_Shopping_Category": "",
   "Create_New_Unit": "",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "",
   "Custom Filter": "",
   "Data_Import_Info": "",
@@ -601,6 +602,9 @@
   "tbsp": "",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "",
   "total": "",
   "tree_root": "",
diff --git a/vue3/src/locales/nb_NO.json b/vue3/src/locales/nb_NO.json
index 0dd5c9a669..ecadb772f7 100644
--- a/vue3/src/locales/nb_NO.json
+++ b/vue3/src/locales/nb_NO.json
@@ -74,6 +74,7 @@
   "Create_New_Shopping_Category": "Opprett new handle kategori",
   "Create_New_Unit": "Opprett ny enhet",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Gjeldende periode",
   "Custom Filter": "Egendefinert Filter",
   "Database": "",
@@ -568,6 +569,9 @@
   "success_updating_resource": "Vellykket oppdatering av ressurs!",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Antall ganger tilberedt",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "",
   "tree_root": "Rot av tre",
   "tree_select": "",
diff --git a/vue3/src/locales/nl.json b/vue3/src/locales/nl.json
index 111c8b3c62..a615f837a8 100644
--- a/vue3/src/locales/nl.json
+++ b/vue3/src/locales/nl.json
@@ -77,6 +77,7 @@
   "Create_New_Shopping_Category": "Voeg nieuwe boodschappencategorie toe",
   "Create_New_Unit": "Voeg nieuwe Eenheid toe",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Huidige periode",
   "Custom Filter": "Aangepast filter",
   "Data_Import_Info": "Verbeter je Space door een door de community samengestelde lijst van voedingsmiddelen, eenheden en meer te importeren om je receptenverzameling te verbeteren.",
@@ -590,6 +591,9 @@
   "tbsp": "tablespoon [tbsp] (VS, volume)",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Keren bereid",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Recepten van vandaag",
   "total": "totaal",
   "tree_root": "Hoogste niveau",
diff --git a/vue3/src/locales/pl.json b/vue3/src/locales/pl.json
index 047e55c149..ec29f28592 100644
--- a/vue3/src/locales/pl.json
+++ b/vue3/src/locales/pl.json
@@ -79,6 +79,7 @@
   "Create_New_Unit": "Dodaj nowa jednostkę",
   "Created": "Utworzony",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Bieżący okres",
   "Custom Filter": "Filtr niestandardowy",
   "CustomImageHelp": "Prześlij obraz, który będzie wyświetlany w przeglądzie przestrzeni.",
@@ -637,6 +638,9 @@
   "tbsp": "łyżka stołowa [tbsp] (USA, objętość)",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Ile razy gotowano",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Dzisiejsze przepisy",
   "total": "łącznie",
   "tree_root": "Poziom główny drzewa",
diff --git a/vue3/src/locales/pt.json b/vue3/src/locales/pt.json
index 5055a637e2..22fc7ed6c0 100644
--- a/vue3/src/locales/pt.json
+++ b/vue3/src/locales/pt.json
@@ -61,6 +61,7 @@
   "Create_New_Shopping_Category": "Adicionar nova categoria de compras",
   "Create_New_Unit": "Adicionar nova unidade",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Período atual",
   "Custom Filter": "",
   "Database": "",
@@ -482,6 +483,9 @@
   "success_updating_resource": "Recurso atualizado com sucesso!",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "",
   "tree_root": "Raiz da árvore",
   "tree_select": "",
diff --git a/vue3/src/locales/pt_BR.json b/vue3/src/locales/pt_BR.json
index d135f675e2..241172812e 100644
--- a/vue3/src/locales/pt_BR.json
+++ b/vue3/src/locales/pt_BR.json
@@ -76,6 +76,7 @@
   "Create_New_Shopping_Category": "Incluir Nova Categoria de Compras",
   "Create_New_Unit": "Incluir Nova Unidade",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Período Atual",
   "Custom Filter": "Filtro Customizado",
   "CustomImageHelp": "Faça upload de uma imagem para mostrar na visão geral do espaço.",
@@ -596,6 +597,9 @@
   "success_updating_resource": "Um recurso atualizado com sucesso!",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Receitas de Hoje",
   "total": "total",
   "tree_root": "Raiz",
diff --git a/vue3/src/locales/ro.json b/vue3/src/locales/ro.json
index e6df94094a..e51a4e2350 100644
--- a/vue3/src/locales/ro.json
+++ b/vue3/src/locales/ro.json
@@ -73,6 +73,7 @@
   "Create_New_Shopping_Category": "Adaugă categorie de cumpărături nouă",
   "Create_New_Unit": "Adaugă unitate nouă",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Perioada curentă",
   "Custom Filter": "Filtru personalizat",
   "Database": "",
@@ -549,6 +550,9 @@
   "success_updating_resource": "Actualizare cu succes a unei resurse!",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Ori pregătite",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Rețete de astăzi",
   "tree_root": "Rădăcina copacului",
   "tree_select": "Utilizarea selecției arborilor",
diff --git a/vue3/src/locales/ru.json b/vue3/src/locales/ru.json
index 427b6eff78..957d64480b 100644
--- a/vue3/src/locales/ru.json
+++ b/vue3/src/locales/ru.json
@@ -53,6 +53,7 @@
   "Create_New_Shopping_Category": "Добавить новую категорию в список покупок",
   "Create_New_Unit": "Добавить единицу измерения",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Текущий период",
   "Custom Filter": "Пользовательский фильтр",
   "Database": "",
@@ -419,6 +420,9 @@
   "success_updating_resource": "Продукт успешно обновлен!",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Время готовки",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "tree_root": "Главный элемент",
   "tree_select": "Выбор дерева для использования",
   "updatedon": "Обновлено",
diff --git a/vue3/src/locales/sl.json b/vue3/src/locales/sl.json
index 7a83b22184..775b66d6ec 100644
--- a/vue3/src/locales/sl.json
+++ b/vue3/src/locales/sl.json
@@ -53,6 +53,7 @@
   "Create_New_Shopping Category": "Ustvari novo kategorijo nakupovalnega listka",
   "Create_New_Unit": "Dodaj novo enoto",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Trenutno obdobje",
   "Data_Import_Info": "Izboljšajte svoj prostor z uvozom seznama živil, enot in drugega, ker je pripravila skupnost, ter s tem izboljšajte svojo zbirko receptov.",
   "Database": "",
@@ -390,6 +391,9 @@
   "success_moving_resource": "Premikanje vira je bilo uspešno!",
   "success_updating_resource": "Posodabljanje vira je bilo uspešno!",
   "theUsernameCannotBeChanged": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Današnji recepti",
   "tree_root": "",
   "tree_select": "Uporabi drevesno označbo",
diff --git a/vue3/src/locales/sv.json b/vue3/src/locales/sv.json
index c1954b8fa2..02530cc53a 100644
--- a/vue3/src/locales/sv.json
+++ b/vue3/src/locales/sv.json
@@ -79,6 +79,7 @@
   "Create_New_Unit": "Lägg till enhet",
   "Created": "Skapad",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Nuvarande period",
   "Custom Filter": "Anpassat filter",
   "CustomImageHelp": "Ladda upp en bild som visas i överblicken.",
@@ -637,6 +638,9 @@
   "tbsp": "matsked [tbsp] (US, Volym)",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Antal gånger som tillagats",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Dagens recept",
   "total": "totalt",
   "tree_root": "Roten av trädet",
diff --git a/vue3/src/locales/tr.json b/vue3/src/locales/tr.json
index b9485c935b..42e526f943 100644
--- a/vue3/src/locales/tr.json
+++ b/vue3/src/locales/tr.json
@@ -78,6 +78,7 @@
   "Create_New_Unit": "Yeni Birim Ekle",
   "Created": "Oluşturuldu",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Mevcut Dönem",
   "Custom Filter": "Özel Filtre",
   "CustomImageHelp": "Alan genel bakışında gösterilecek bir resim yükleyin.",
@@ -635,6 +636,9 @@
   "tbsp": "yemek kaşığı [tbsp] (ABD, hacim)",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "Pişirilme Sayısı",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "Günün Tarifleri",
   "total": "toplam",
   "tree_root": "Ağaç Kökü",
diff --git a/vue3/src/locales/uk.json b/vue3/src/locales/uk.json
index e773146052..602e6bdd20 100644
--- a/vue3/src/locales/uk.json
+++ b/vue3/src/locales/uk.json
@@ -65,6 +65,7 @@
   "Create_New_Shopping_Category": "Додати Нову Категорію Покупок",
   "Create_New_Unit": "Додати Нову Одиницю",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "Теперішній Період",
   "Custom Filter": "",
   "Database": "",
@@ -508,6 +509,9 @@
   "success_updating_resource": "Успішно оновлено ресурс!",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "",
   "tree_root": "Корінь Дерева",
   "tree_select": "",
diff --git a/vue3/src/locales/zh_Hans.json b/vue3/src/locales/zh_Hans.json
index 3aaefcaca3..20983f611a 100644
--- a/vue3/src/locales/zh_Hans.json
+++ b/vue3/src/locales/zh_Hans.json
@@ -76,6 +76,7 @@
   "Create_New_Shopping_Category": "添加新的购物类别",
   "Create_New_Unit": "添加新的单位",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Current_Period": "本期",
   "Custom Filter": "自定义筛选器",
   "CustomImageHelp": "上传图片以在空间概览中显示。",
@@ -627,6 +628,9 @@
   "tbsp": "汤匙【tbsp】（美制，体积）",
   "theUsernameCannotBeChanged": "",
   "times_cooked": "烹饪时间",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "today_recipes": "今日食谱",
   "total": "全部",
   "tree_root": "树根",
diff --git a/vue3/src/locales/zh_Hant.json b/vue3/src/locales/zh_Hant.json
index 3e51d5bfbc..fc1b320f63 100644
--- a/vue3/src/locales/zh_Hant.json
+++ b/vue3/src/locales/zh_Hant.json
@@ -26,6 +26,7 @@
   "Copy_template_reference": "複製參考模板",
   "Create": "",
   "CreatedBy": "",
+  "Ctrl+K": "",
   "Database": "",
   "Date": "",
   "Default": "",
@@ -185,6 +186,9 @@
   "success_moving_resource": "成功移動資源！",
   "success_updating_resource": "成功更新資源！",
   "theUsernameCannotBeChanged": "",
+  "to_close": "",
+  "to_navigate": "",
+  "to_select": "",
   "warning_feature_beta": "此功能目前處於測試階段 (BETA)。使用此功能時，請預期可能會有漏洞和破壞性變更，未來可能會丟失與功能相關的數據。",
   "warning_space_delete": "您可以刪除您的空間，包括所有食譜、購物清單、餐飲計畫以及其他您創建的內容。此操作無法撤銷！您確定要這樣做嗎？"
 }
\ No newline at end of file
diff --git a/vue3/src/pages/RecipeViewPage.vue b/vue3/src/pages/RecipeViewPage.vue
index bbd76ab24c..44dc07c260 100644
--- a/vue3/src/pages/RecipeViewPage.vue
+++ b/vue3/src/pages/RecipeViewPage.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script setup lang="ts">
-import {defineComponent, onMounted, ref} from 'vue'
+import {defineComponent, onMounted, ref, watch} from 'vue'
 import {ApiApi, Recipe} from "@/openapi";
 import RecipeView from "@/components/display/RecipeView.vue";
 import {useDisplay} from "vuetify";
@@ -19,12 +19,17 @@ const {mobile} = useDisplay()
 
 const recipe = ref({} as Recipe)
 
+watch(() => props.id, () => {
+    refreshData(props.id)
+})
+
 onMounted(() => {
     refreshData(props.id)
 })
 
 function refreshData(recipeId: string) {
     const api = new ApiApi()
+    recipe.value = {} as Recipe
     api.apiRecipeRetrieve({id: Number(recipeId)}).then(r => {
         recipe.value = r
     })