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/pages/index.vue
View file

@ -1,35 +1,25 @@
<template>
<v-container>
<RecipeCardSection
v-if="recentRecipes"
:icon="$globals.icons.primary"
:title="$t('general.recent')"
:recipes="recipes"
:recipes="recentRecipes"
></RecipeCardSection>
</v-container>
</template>
<script lang="ts">
import { defineComponent, useAsync } from "@nuxtjs/composition-api";
import { defineComponent } from "@nuxtjs/composition-api";
import RecipeCardSection from "~/components/Domain/Recipe/RecipeCardSection.vue";
import { useApiSingleton } from "~/composables/use-api";
import { useRecipes, recentRecipes } from "~/composables/use-recipes";
export default defineComponent({
components: { RecipeCardSection },
setup() {
const api = useApiSingleton();
const { assignSorted } = useRecipes(false);
const recipes = useAsync(async () => {
const { data } = await api.recipes.getAll();
return data;
});
// const recipes = ref<Recipe[] | null>([]);
// onMounted(async () => {
// const { data } = await api.recipes.getAll();
// recipes.value = data;
// });
return { api, recipes };
return { recentRecipes, assignSorted };
},
});
</script>