mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-07-24 15:49:42 +02:00
86c99b10a2
* Activate more linting rules from eslint and typescript * Properly add VForm as type information * Fix usage of native types * Fix more linting issues * Rename vuetify types file, add VTooltip * Fix some more typing problems * Use composition API for more components * Convert RecipeRating * Convert RecipeNutrition * Convert more components to composition API * Fix globals plugin for type checking * Add missing icon types * Fix vuetify types in Nuxt context * Use composition API for RecipeActionMenu * Convert error.vue to composition API * Convert RecipeContextMenu to composition API * Use more composition API and type checking in recipe/create * Convert AppButtonUpload to composition API * Fix some type checking in RecipeContextMenu * Remove unused components BaseAutoForm and BaseColorPicker * Convert RecipeCategoryTagDialog to composition API * Convert RecipeCardSection to composition API * Convert RecipeCategoryTagSelector to composition API * Properly import vuetify type definitions * Convert BaseButton to composition API * Convert AutoForm to composition API * Remove unused requests API file * Remove static routes from recipe API * Fix more type errors * Convert AppHeader to composition API, fixing some search bar focus problems * Convert RecipeDialogSearch to composition API * Update API types from pydantic models, handle undefined values * Improve more typing problems * Add types to other plugins * Properly type the CRUD API access * Fix typing of static image routes * Fix more typing stuff * Fix some more typing problems * Turn off more rules
50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
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();
|
|
return () => {
|
|
const imageURL = "";
|
|
return {
|
|
title: recipe?.value?.name,
|
|
// @ts-ignore
|
|
mainImage: imageURL,
|
|
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: imageURL,
|
|
},
|
|
{
|
|
hid: "twitter:title",
|
|
property: "twitter:title",
|
|
content: recipe?.value?.name ?? "",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
],
|
|
};
|
|
};
|
|
};
|