fcc5d99d40
* add vitest * initialize lib w/ tests * move to dev dep * run tests in CI * update file names * move api folder to lib * move api and api types to same folder * update generator outpath * rm husky * i guess i _did_ need those types * reorg types * extract validators into testable components * (WIP) start composable testing * fix import type * fix linter complaint * simplify icon type def * fix linter errors (maybe?) * rename client file for sorting
47 lines
1 KiB
TypeScript
47 lines
1 KiB
TypeScript
import { ref, onMounted } from "@nuxtjs/composition-api";
|
|
import { useUserApi } from "~/composables/api";
|
|
import { Recipe } from "~/lib/api/types/recipe";
|
|
|
|
export const useRecipe = function (slug: string, eager = true) {
|
|
const api = useUserApi();
|
|
const loading = ref(false);
|
|
|
|
const recipe = ref<Recipe | null>(null);
|
|
|
|
async function fetchRecipe() {
|
|
loading.value = true;
|
|
const { data } = await api.recipes.getOne(slug);
|
|
loading.value = false;
|
|
if (data) {
|
|
recipe.value = data;
|
|
}
|
|
}
|
|
|
|
async function deleteRecipe() {
|
|
loading.value = true;
|
|
const { data } = await api.recipes.deleteOne(slug);
|
|
loading.value = false;
|
|
return data;
|
|
}
|
|
|
|
async function updateRecipe(recipe: Recipe) {
|
|
loading.value = true;
|
|
const { data } = await api.recipes.updateOne(slug, recipe);
|
|
loading.value = false;
|
|
return data;
|
|
}
|
|
|
|
onMounted(() => {
|
|
if (eager) {
|
|
fetchRecipe();
|
|
}
|
|
});
|
|
|
|
return {
|
|
recipe,
|
|
loading,
|
|
fetchRecipe,
|
|
deleteRecipe,
|
|
updateRecipe,
|
|
};
|
|
};
|