Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-05 05:25:26 +02:00
Code Issues Releases Activity

add support for meta tags on share pages (#867)

Browse source
This commit is contained in:
Hayden 2021-12-06 17:14:14 -09:00 • committed by GitHub
parent 5454d2c8b8
commit 5839992c19
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 190 additions and 118 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/composables/recipes/use-recipe-meta.ts
View file

@ -1,36 +1,36 @@
import { Ref } from "@nuxtjs/composition-api";
import { useStaticRoutes } from "../api";
// import { useStaticRoutes } from "../api";
import { Recipe } from "~/types/api-types/recipe";
export const useRecipeMeta = (recipe: Ref<Recipe>) => {
const { recipeImage } = useStaticRoutes();
console.log(recipe.value);
// const { recipeImage } = useStaticRoutes();
return () => {
const imageURL = "";
return {
title: recipe?.value?.name || "Recipe",
title: recipe?.value?.name,
// @ts-ignore
mainImage: recipeImage(recipe?.value?.image),
mainImage: imageURL,
meta: [
{ hid: "og:title", property: "og:title", content: recipe?.value?.name || "Recipe" },
{
hid: "og:desc",
property: "og:description",
content: recipe?.value?.description || "",
content: recipe?.value?.description,
},
{
hid: "og-image",
property: "og:image",
content: recipeImage(recipe?.value?.image || ""),
content: imageURL,
},
{
hid: "twitter:title",
property: "twitter:title",
content: recipe?.value?.name || "Recipe",
content: recipe?.value?.name,
},
{
hid: "twitter:desc",
property: "twitter:description",
content: recipe?.value?.description || "",
content: recipe?.value?.description,
},
{ hid: "t-type", name: "twitter:card", content: "summary_large_image" },
],