mirror of
https://github.com/mealie-recipes/mealie.git
synced 2024-10-18 05:00:24 -07: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>
50 lines
1.2 KiB
Vue
50 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
<client-only>
|
|
<RecipePage v-if="recipe" :recipe="recipe" />
|
|
</client-only>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { computed, defineComponent, useAsync, useContext, useMeta, useRoute, useRouter } from "@nuxtjs/composition-api";
|
|
import RecipePage from "~/components/Domain/Recipe/RecipePage/RecipePage.vue";
|
|
import { usePublicApi } from "~/composables/api/api-client";
|
|
|
|
export default defineComponent({
|
|
components: { RecipePage },
|
|
layout: "basic",
|
|
setup() {
|
|
const { $auth } = useContext();
|
|
const route = useRoute();
|
|
const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
|
|
|
|
const router = useRouter();
|
|
const recipeId = route.value.params.id;
|
|
const api = usePublicApi();
|
|
|
|
const { title } = useMeta();
|
|
|
|
const recipe = useAsync(async () => {
|
|
const { data, error } = await api.shared.getShared(recipeId);
|
|
|
|
if (error) {
|
|
console.error("error loading recipe -> ", error);
|
|
router.push(`/g/${groupSlug.value}`);
|
|
}
|
|
|
|
if (data) {
|
|
title.value = data?.name || "";
|
|
}
|
|
|
|
return data;
|
|
});
|
|
|
|
return {
|
|
recipe,
|
|
};
|
|
},
|
|
head: {},
|
|
});
|
|
</script>
|