mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-06-23 15:31:37 -04:00
34 lines
675 B
Vue
34 lines
675 B
Vue
<template>
|
|
<div>
|
|
<RecipePage v-if="recipe" :recipe="recipe" />
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, useRoute } from "@nuxtjs/composition-api";
|
|
import RecipePage from "~/components/Domain/Recipe/RecipePage/RecipePage.vue";
|
|
import { useRecipe } from "~/composables/recipes";
|
|
|
|
export default defineComponent({
|
|
components: { RecipePage },
|
|
setup() {
|
|
const route = useRoute();
|
|
const slug = route.value.params.slug;
|
|
|
|
const { recipe, loading } = useRecipe(slug);
|
|
|
|
return {
|
|
recipe,
|
|
loading,
|
|
};
|
|
},
|
|
head() {
|
|
if (this.recipe) {
|
|
return {
|
|
title: this.recipe.name
|
|
}
|
|
}
|
|
}
|
|
});
|
|
</script>
|