why is useSeoMeta not working?
I am trying to use dynamic values
here is my code:
onMounted(async () => {
const response = await fetchData(
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: () =>
ogUrl: recipeId,
twitterTitle: recipeId,
twitterDescription: () => recipe.value?.attributes.description,
twitterImage: () =>
twitterCard: "summary"
})
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"
})
