mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-10-31 18:23:18 -04:00
92cf97e401
* generate types * use generated types * ui updates * init button link for common styles * add links * setup label views * add delete confirmation * reset when not saved * link label to foods and auto set when adding to shopping list * generate types * use inheritence to manage exception handling * fix schema generation and add test for open_api generation * add header to api docs * move list consilidation to service * split list and list items controller * shopping list/list item tests - PARTIAL * enable recipe add/remove in shopping lists * generate types * linting * init global utility components * update types and add list item api * fix import cycle and database error * add container and border classes * new recipe list component * fix tests * breakout item editor * refactor item editor * update bulk actions * update input / color contrast * type generation * refactor controller dependencies * include food/unit editor * remove console.logs * fix and update type generation * fix incorrect type for column * fix postgres error * fix delete by variable * auto remove refs * fix typo
33 lines
913 B
Vue
33 lines
913 B
Vue
<template>
|
|
<v-list>
|
|
<v-list-item v-for="recipe in recipes" :key="recipe.id" :to="'/recipe/' + recipe.slug">
|
|
<v-list-item-avatar>
|
|
<v-icon class="pa-1 primary" dark> {{ $globals.icons.primary }} </v-icon>
|
|
</v-list-item-avatar>
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
{{ recipe.name }}
|
|
</v-list-item-title>
|
|
<v-list-item-subtitle>{{ recipe.description }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<slot :name="'actions-' + recipe.id" :v-bind="{ item: recipe }"> </slot>
|
|
</v-list-item>
|
|
</v-list>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from "@nuxtjs/composition-api";
|
|
import { RecipeSummary } from "~/types/api-types/recipe";
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
recipes: {
|
|
type: Array as () => RecipeSummary[],
|
|
required: true,
|
|
},
|
|
},
|
|
setup() {
|
|
return {};
|
|
},
|
|
});
|
|
</script> |