chloe/Seasoned
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

embeddable link with preview rough

Browse Source
This commit is contained in:
chloe
2026-03-20 23:19:46 +00:00
parent 115c6fb78f
commit 30b5ff8cdd
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
Seasoned.Frontend/app/pages/recipe/[id].vue
View File

@@ -22,9 +22,11 @@ const route = useRoute();
const config = useRuntimeConfig(); const config = useRuntimeConfig();
const imageUrl = normalizedRecipe.value.imageUrl; const imageUrl = normalizedRecipe.value.imageUrl;
const absoluteOgImage = imageUrl?.startsWith('http') const absoluteImageUrl = computed(() => {
? imageUrl const img = normalizedRecipe.value?.imageUrl;
: `${config.public.apiBase}${imageUrl || '/images/seasoned-logo.png'}`; if (!img) return `${config.public.apiBase}/images/seasoned-logo.png`;
return img.startsWith('http') ? img : `${config.public.apiBase}${img}`;
});
const { data: rawRecipe, error } = await useAsyncData(`recipe-${route.params.id}`, () => { const { data: rawRecipe, error } = await useAsyncData(`recipe-${route.params.id}`, () => {
const baseUrl = config.public.apiBase.endsWith('/') const baseUrl = config.public.apiBase.endsWith('/')
@@ -55,7 +57,7 @@ useSeoMeta({
title: `${normalizedRecipe.value.title} | Seasoned`, title: `${normalizedRecipe.value.title} | Seasoned`,
ogTitle: `Chef's Choice: ${normalizedRecipe.value.title}`, ogTitle: `Chef's Choice: ${normalizedRecipe.value.title}`,
description: `Check out this delicious recipe for ${normalizedRecipe.value.title} on Seasoned.`, description: `Check out this delicious recipe for ${normalizedRecipe.value.title} on Seasoned.`,
ogImage: absoluteOgImage, ogImage: absoluteImageUrl.value,
twitterCard: 'summary_large_image', twitterCard: 'summary_large_image',
ogType: 'article', ogType: 'article',
}) })