mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-05-24 01:12:54 -04:00
80968b02bb
* add groupSlug to most routes * fixed more routing issues * fixed jank and incorrect routes * remove public explore links * remove unused groupSlug and explore routes * nuked explore pages * fixed public toolstore bug * fixed various routes missing group slug * restored public app header menu * fix janky login redirect * 404 recipe API call returns to login * removed unused explore layout * force redirect when using the wrong group slug * fixed dead admin links * removed unused middleware from earlier attempt * 🧹 * improve cookbooks sidebar fixed sidebar link not working fixed sidebar link target hide cookbooks header when there are none * added group slug to user * fix $auth typehints * vastly simplified groupSlug logic * allow logged-in users to view other groups * fixed some edgecases that bypassed isOwnGroup * fixed static home ref * 🧹 * fixed redirect logic * lint warning * removed group slug from group and user pages refactored all components to use route groupSlug or user group slug moved some group pages to recipe pages * fixed some bad types * 🧹 * moved groupSlug routes under /g/groupSlug * move /recipe/ to /r/ * fix backend url generation and metadata injection * moved shopping lists to root/other route fixes * changed shared from /recipes/ to /r/ * fixed 404 redirect not awaiting * removed unused import * fix doc links * fix public recipe setting not affecting public API * fixed backend tests * fix nuxt-generate command --------- Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
70 lines
2.1 KiB
Vue
70 lines
2.1 KiB
Vue
<template>
|
|
<v-container v-if="book" fluid>
|
|
<v-app-bar color="transparent" flat class="mt-n1 rounded">
|
|
<v-icon large left> {{ $globals.icons.pages }} </v-icon>
|
|
<v-toolbar-title class="headline"> {{ book.name }} </v-toolbar-title>
|
|
</v-app-bar>
|
|
<v-card flat>
|
|
<v-card-text class="py-0">
|
|
{{ book.description }}
|
|
</v-card-text>
|
|
</v-card>
|
|
|
|
<v-container class="pa-0">
|
|
<RecipeCardSection
|
|
class="mb-5 mx-1"
|
|
:recipes="recipes"
|
|
:query="{ cookbook: slug }"
|
|
@sortRecipes="assignSorted"
|
|
@replaceRecipes="replaceRecipes"
|
|
@appendRecipes="appendRecipes"
|
|
@delete="removeRecipe"
|
|
/>
|
|
</v-container>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { computed, defineComponent, useRoute, ref, useContext, useMeta } from "@nuxtjs/composition-api";
|
|
import { useLazyRecipes } from "~/composables/recipes";
|
|
import RecipeCardSection from "@/components/Domain/Recipe/RecipeCardSection.vue";
|
|
import { useCookbook } from "~/composables/use-group-cookbooks";
|
|
import { useLoggedInState } from "~/composables/use-logged-in-state";
|
|
|
|
export default defineComponent({
|
|
components: { RecipeCardSection },
|
|
setup() {
|
|
const { $auth } = useContext();
|
|
const { isOwnGroup } = useLoggedInState();
|
|
|
|
const route = useRoute();
|
|
const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
|
|
|
|
const { recipes, appendRecipes, assignSorted, removeRecipe, replaceRecipes } = useLazyRecipes(isOwnGroup.value ? null : groupSlug.value);
|
|
const slug = route.value.params.slug;
|
|
const { getOne } = useCookbook(isOwnGroup.value ? null : groupSlug.value);
|
|
|
|
const tab = ref(null);
|
|
const book = getOne(slug);
|
|
|
|
useMeta(() => {
|
|
return {
|
|
title: book?.value?.name || "Cookbook",
|
|
};
|
|
});
|
|
|
|
return {
|
|
book,
|
|
slug,
|
|
tab,
|
|
appendRecipes,
|
|
assignSorted,
|
|
recipes,
|
|
removeRecipe,
|
|
replaceRecipes,
|
|
};
|
|
},
|
|
head: {}, // Must include for useMeta
|
|
});
|
|
</script>
|