mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-07-09 03:04:54 -04:00
fix "no data" error on create meal plan modal (#2263)
This commit is contained in:
parent
905b2ad8a9
commit
82ce4b5e7a
@ -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,
|
||||
};
|
||||
}
|
||||
|
@ -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,9 +332,12 @@ export default defineComponent({
|
||||
// Search
|
||||
|
||||
const search = useRecipeSearch(api);
|
||||
|
||||
const planTypeOptions = usePlanTypeOptions();
|
||||
|
||||
onMounted(async () => {
|
||||
await search.trigger();
|
||||
});
|
||||
|
||||
return {
|
||||
state,
|
||||
onMoveCallback,
|
||||
|
Loading…
x
Reference in New Issue
Block a user