why is useSeoMeta not working?
I am trying to use dynamic values
here is my code:
onMounted(async () => {
const response = await fetchData(
/recipe/${recipeId})
recipe.value = response.data
})
useSeoMeta({
title: "Best Cooking Site",
meta: [{ name: "viewport", content: "width=device-width, initial-scale=1" }],
ogTitle: recipeId,
ogDescription: () => recipe.value?.attributes.description,
ogImage: () => ${picUrl}/${recipe.value.attributes.picURL},
ogUrl: recipeId,
twitterTitle: recipeId,
twitterDescription: () => recipe.value?.attributes.description,
twitterImage: () => ${picUrl}/${recipe.value.attributes.picURL},
twitterCard: "summary"
})3 Replies