Feature/shareable recipes (#866)

* simplify context menu

* move computed to comp-api

* feat: ✨ create share tokens for recipes for sharing recieps to non-users

* feat: ✨ shareable recipe links with og tags

frontend/composables/recipes/index.ts

@@ -7,3 +7,4 @@ export { useTags, useCategories, allCategories, allTags } from "./use-tags-categ
 export { parseIngredientText } from "./use-recipe-ingredients";
 export { useRecipeSearch } from "./use-recipe-search";
 export { useTools } from "./use-recipe-tools";
+export { useRecipeMeta } from "./use-recipe-meta";

frontend/composables/recipes/use-recipe-meta.ts

@@ -0,0 +1,50 @@
+import { Ref } from "@nuxtjs/composition-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);
+  return () => {
+    return {
+      title: recipe?.value?.name || "Recipe",
+      // @ts-ignore
+      mainImage: recipeImage(recipe?.value?.image),
+      meta: [
+        { hid: "og:title", property: "og:title", content: recipe?.value?.name || "Recipe" },
+        {
+          hid: "og:desc",
+          property: "og:description",
+          content: recipe?.value?.description || "",
+        },
+        {
+          hid: "og-image",
+          property: "og:image",
+          content: recipeImage(recipe?.value?.image || ""),
+        },
+        {
+          hid: "twitter:title",
+          property: "twitter:title",
+          content: recipe?.value?.name || "Recipe",
+        },
+        {
+          hid: "twitter:desc",
+          property: "twitter:description",
+          content: recipe?.value?.description || "",
+        },
+        { hid: "t-type", name: "twitter:card", content: "summary_large_image" },
+      ],
+      __dangerouslyDisableSanitizers: ["script"],
+      script: [
+        {
+          innerHTML: JSON.stringify({
+            "@context": "http://schema.org",
+            "@type": "Recipe",
+            ...recipe.value,
+          }),
+          type: "application/ld+json",
+        },
+      ],
+    };
+  };
+};