mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-11-03 18:53:17 -05:00
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
34 lines
912 B
Vue
34 lines
912 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 "~/lib/api/types/recipe";
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
recipes: {
|
|
type: Array as () => RecipeSummary[],
|
|
required: true,
|
|
},
|
|
},
|
|
setup() {
|
|
return {};
|
|
},
|
|
});
|
|
</script>
|