aaeb162dd5
* removed unused import * moved categories/tags to new recipe card section * nuked old frontend sort code minor refactoring * bug fixes * added backend recipes filter for tools * removed debug log * removed unusued props * fixed sort for recipes by tool * added tests for getting recipes by tool
32 lines
935 B
Vue
32 lines
935 B
Vue
<template>
|
|
<v-container>
|
|
<RecipeCardSection
|
|
:icon="$globals.icons.primary"
|
|
:title="$t('page.all-recipes')"
|
|
:recipes="recipes"
|
|
@sortRecipes="assignSorted"
|
|
@replaceRecipes="replaceRecipes"
|
|
@appendRecipes="appendRecipes"
|
|
@delete="removeRecipe"
|
|
></RecipeCardSection>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from "@nuxtjs/composition-api";
|
|
import RecipeCardSection from "~/components/Domain/Recipe/RecipeCardSection.vue";
|
|
import { useLazyRecipes } from "~/composables/recipes";
|
|
|
|
export default defineComponent({
|
|
components: { RecipeCardSection },
|
|
setup() {
|
|
const { recipes, appendRecipes, assignSorted, removeRecipe, replaceRecipes } = useLazyRecipes();
|
|
return { appendRecipes, assignSorted, recipes, removeRecipe, replaceRecipes };
|
|
},
|
|
head() {
|
|
return {
|
|
title: this.$t("page.all-recipes") as string,
|
|
};
|
|
},
|
|
});
|
|
</script>
|