mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-05-24 01:12:54 -04:00
2ad6af2cce
* WIP: proof of concept * basic meta tag injection * add support for scraping public/private links * make tests go brrrrr * cleanup initialization * rewrite build config * remove recipe meta on frontend * make type checker happy * remove other deployment methods * fix issue with JSON response on un-authenticated request * docs updates * update tivy scanner * fix linter stuff * change registry tag * build fixes * fix same mistake I always make
48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<template>
|
|
<div v-if="recipe">
|
|
<client-only>
|
|
<RecipePage :recipe="recipe" />
|
|
</client-only>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, useAsync, useMeta, useRoute, useRouter } from "@nuxtjs/composition-api";
|
|
import RecipePage from "~/components/Domain/Recipe/RecipePage/RecipePage.vue";
|
|
import { usePublicExploreApi } from "~/composables/api/api-client";
|
|
|
|
export default defineComponent({
|
|
components: { RecipePage },
|
|
layout: "explore",
|
|
setup() {
|
|
const route = useRoute();
|
|
const router = useRouter();
|
|
const groupSlug = route.value.params.groupSlug;
|
|
const recipeSlug = route.value.params.recipeSlug;
|
|
const api = usePublicExploreApi(groupSlug);
|
|
|
|
const { title } = useMeta();
|
|
|
|
const recipe = useAsync(async () => {
|
|
const { data, error } = await api.explore.recipes.getOne(recipeSlug);
|
|
|
|
if (error) {
|
|
console.error("error loading recipe -> ", error);
|
|
router.push("/");
|
|
}
|
|
|
|
if (data) {
|
|
title.value = data?.name || "";
|
|
}
|
|
|
|
return data;
|
|
});
|
|
|
|
return {
|
|
recipe,
|
|
};
|
|
},
|
|
head: {},
|
|
});
|
|
</script>
|