diff --git a/frontend/composables/recipes/use-recipe-search.ts b/frontend/composables/recipes/use-recipe-search.ts
index 57ec11c54b74..c18f27328b08 100644
--- a/frontend/composables/recipes/use-recipe-search.ts
+++ b/frontend/composables/recipes/use-recipe-search.ts
@@ -8,6 +8,7 @@ export interface UseRecipeSearchReturn {
   error: Ref<string>;
   loading: Ref<boolean>;
   data: Ref<Recipe[]>;
+  trigger(): Promise<void>;
 }
 
 /**
@@ -40,7 +41,7 @@ export function useRecipeSearch(api: UserApi): UseRecipeSearchReturn {
     }
 
     if (data) {
-      recipes.value= data.items;
+      recipes.value = data.items;
     }
 
     loading.value = false;
@@ -54,11 +55,15 @@ export function useRecipeSearch(api: UserApi): UseRecipeSearchReturn {
     { debounce: 500 }
   );
 
+  async function trigger() {
+    await searchRecipes(query.value);
+  }
 
   return {
     query,
     error,
     loading,
     data: recipes,
-  }
+    trigger,
+  };
 }
diff --git a/frontend/pages/group/mealplan/planner/edit.vue b/frontend/pages/group/mealplan/planner/edit.vue
index a89a9188a8c3..f19091bbede3 100644
--- a/frontend/pages/group/mealplan/planner/edit.vue
+++ b/frontend/pages/group/mealplan/planner/edit.vue
@@ -206,7 +206,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, reactive, ref, watch } from "@nuxtjs/composition-api";
+import { defineComponent, computed, reactive, ref, watch, onMounted } from "@nuxtjs/composition-api";
 import { format } from "date-fns";
 import { SortableEvent } from "sortablejs";
 import draggable from "vuedraggable";
@@ -332,8 +332,11 @@ export default defineComponent({
     // Search
 
     const search = useRecipeSearch(api);
-
     const planTypeOptions = usePlanTypeOptions();
+    
+    onMounted(async () => {
+      await search.trigger();
+    });
 
     return {
       state,