For useSeoMeta() should we use .seo or .title and .description?

[MickL]

The docs dont have many words about SEO, only thing I found was on installation page:

<script setup lang="ts">
const { data } = await useAsyncData(() => queryCollection('content').path('/').first())

useSeoMeta({
  title: data.value?.title,
  description: data.value?.description
})
</script>

But I noticed that page types have a specific seo object, from the docs:

SEO metadata (to be used with Nuxt's useSeoMeta composable)

So I am wondering if one should do instead:

<script setup lang="ts">
const { data } = await useAsyncData(() => queryCollection('content').path('/').first())

useSeoMeta(data.value?.seo)
</script>

The examples / ui templates, e.g. portfolio, do:

const title = page.value?.seo?.title || page.value?.title
const description = page.value?.seo?.description || page.value?.description

useSeoMeta({
  title,
  description,
  ogDescription: description,
  ogTitle: title
})

And what would be the benefit of the two options. And should one then in md files declare title + description, seo object or both?

---
title: 'Page title'
description: 'Meta description'
seo:
    title: 'SEO title'
    description: 'SEO description'
---

In any case, the docs may add a bit more informations about the seo topic imo :)