mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-10-31 10:13:32 -04:00
18b2c92a76
* initial public explorer API endpoint * public API endpoint * cleanup recipe page * wip: init explorer page * use public URLs for shared recipes * refactor private share tokens to use shared page
27 lines
576 B
Vue
27 lines
576 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,
|
|
};
|
|
},
|
|
});
|
|
</script>
|