Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 07:39: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

25
frontend/pages/recipes/all.vue
View file

@ -1,37 +1,26 @@
<template>
<v-container>
<RecipeCardSection
v-if="allRecipes"
:icon="$globals.icons.primary"
:title="$t('page.all-recipes')"
:recipes="recipes"
:recipes="allRecipes"
@sort="assignSorted"
></RecipeCardSection>
</v-container>
</template>
<script lang="ts">
import { defineComponent, onMounted, ref } from "@nuxtjs/composition-api";
<script lang="ts">
import { defineComponent } from "@nuxtjs/composition-api";
import RecipeCardSection from "~/components/Domain/Recipe/RecipeCardSection.vue";
import { useApiSingleton } from "~/composables/use-api";
import { Recipe } from "~/types/api-types/admin";
import { useRecipes, allRecipes } from "~/composables/use-recipes";
export default defineComponent({
components: { RecipeCardSection },
setup() {
const api = useApiSingleton();
const { assignSorted } = useRecipes(true);
const recipes = ref<Recipe[] | null>([]);
onMounted(async () => {
const { data } = await api.recipes.getAll();
recipes.value = data;
});
return { api, recipes };
},
methods: {
assignSorted(val: Array<Recipe>) {
this.recipes = val;
},
return { allRecipes, assignSorted };
},
});
</script>