Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-11-01 18:53:59 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: set meta description and image for shared recipes (#1635)

Browse Source
This commit is contained in:
Philipp Fischbeck
2022-09-10 19:29:21 +02:00
committed by GitHub
parent 25c40b8abf
commit 1c938cb835
6 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/composables/recipes/use-recipe-meta.ts
View File

@@ -1,29 +1,31 @@
import { Ref } from "@nuxtjs/composition-api";
import { useStaticRoutes } from "~/composables/api";
import { Recipe } from "~/types/api-types/recipe";
export interface RecipeMeta {
title?: string;
metaImage?: string;
mainImage?: string;
meta: Array<any>;
__dangerouslyDisableSanitizers: Array<string>;
script: Array<any>;
}
export const useRecipeMeta = (recipe: Ref<Recipe | null>): (() => RecipeMeta) => {
return () => {
const imageURL = "";
export const useRecipeMeta = () => {
const { recipeImage } = useStaticRoutes();
function recipeMeta(recipe: Ref<Recipe | null>): RecipeMeta {
const imageURL = recipeImage(recipe?.value?.id ?? "");
return {
title: recipe?.value?.name,
mainImage: imageURL,
meta: [
{ hid: "og:title", property: "og:title", content: recipe?.value?.name || "Recipe" },
{
hid: "og:desc",
hid: "og:description",
property: "og:description",
content: recipe?.value?.description ?? "",
},
{
hid: "og-image",
hid: "og:image",
property: "og:image",
content: imageURL,
},
@@ -52,4 +54,5 @@ export const useRecipeMeta = (recipe: Ref<Recipe | null>): (() => RecipeMeta) =>
],
};
};
return { recipeMeta };
};