Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-23 15:19:41 +02:00
Code Issues Releases Activity

refactor(frontend): ♻️ rewrite search componenets to typescript

Browse source
This commit is contained in:
hay-kot 2021-08-08 20:52:44 -08:00
parent 1981e191be
commit bde885dc84
25 changed files with 826 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

22
frontend/composables/use-recipe-context.ts
View file

@ -1,37 +1,35 @@
import { useAsync, ref } from "@nuxtjs/composition-api";
import { useAsync, ref, reactive } from "@nuxtjs/composition-api";
import { useApiSingleton } from "~/composables/use-api";
import { Recipe } from "~/types/api-types/recipe";
export const useRecipeContext = function () {
const api = useApiSingleton();
const loading = ref(false)
const loading = ref(false);
function getBySlug(slug: string) {
loading.value = true
loading.value = true;
const recipe = useAsync(async () => {
const { data } = await api.recipes.getOne(slug);
return data;
}, slug);
loading.value = false
loading.value = false;
return recipe;
}
async function deleteRecipe(slug: string) {
loading.value = true
async function deleteRecipe(slug: string) {
loading.value = true;
const { data } = await api.recipes.deleteOne(slug);
loading.value = false
loading.value = false;
return data;
}
async function updateRecipe(slug: string, recipe: Recipe) {
loading.value = true
loading.value = true;
const { data } = await api.recipes.updateOne(slug, recipe);
loading.value = false
loading.value = false;
return data;
}
return {loading, getBySlug, deleteRecipe, updateRecipe}
return { loading, getBySlug, deleteRecipe, updateRecipe };
};