useMeta not working with data fetch

[KarelDiaz]

The page is not rendering the title and description meta tags

const title = ref('')
const description = ref('')

const getArticleFromApi = async () => {
  const response = await getArticle(route.params.slug)
  article.value = response.data[0];
}

useMeta(() => {
  return {
    title: title.value,
    description: description.value,
  }
})

onServerPrefetch(async () => {
  await getArticleFromApi()
  title.value = article.value?.attributes?.title
  description.value = article.value?.attributes?.description
})