chore(seo): standardize meta

Author: larbish

app/pages/[...slug].vue

@@ -7,7 +7,7 @@ definePageMeta({
 })
 
 const route = useRoute()
-const { toc, seo } = useAppConfig()
+const { toc } = useAppConfig()
 const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
 
 const { data: page } = await useAsyncData(route.path, () => queryCollection('docs').path(route.path).first())
@@ -21,11 +21,14 @@ const { data: surround } = await useAsyncData(`${route.path}-surround`, () => {
   })
 })
 
+const title = page.value.seo?.title || page.value.title
+const description = page.value.seo?.description || page.value.description
+
 useSeoMeta({
-  title: page.value.seo.title,
-  ogTitle: `${page.value.seo.title} - ${seo?.siteName}`,
-  description: page.value.seo.description,
-  ogDescription: page.value.seo.description
+  title,
+  ogTitle: title,
+  description,
+  ogDescription: description
 })
 
 const headline = computed(() => findPageHeadline(navigation?.value, page.value))

app/pages/index.vue

@@ -4,12 +4,14 @@ if (!page.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
 }
 
+const title = page.value.seo?.title || page.value.title
+const description = page.value.seo?.description || page.value.description
+
 useSeoMeta({
-  title: page.value.seo.title,
-  titleTemplate: null,
-  ogTitle: page.value.seo.title,
-  description: page.value.seo.description,
-  ogDescription: page.value.seo.description,
+  title,
+  ogTitle: title,
+  description,
+  ogDescription: description,
   ogImage: 'https://docs-template.nuxt.dev/social-card.png',
   twitterImage: 'https://docs-template.nuxt.dev/social-card.png'
 })