2023-10-19 11:28:30 -05:00

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>