From eeba3b40491aeea4c6ab46f13100b4dbacae9256 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 4 Apr 2025 23:12:17 +0200
Subject: [PATCH] docs(app): clean seo metas

---
 docs/app/pages/[...slug].vue    |  4 ++--
 docs/app/pages/components.vue   |  2 +-
 docs/app/pages/figma/index.vue  |  1 +
 docs/app/pages/pro/activate.vue |  2 +-
 docs/app/pages/pro/index.vue    |  6 +++---
 docs/app/pages/pro/pricing.vue  |  2 +-
 docs/app/pages/pro/terms.vue    |  2 +-
 docs/app/pages/roadmap.vue      |  5 +++--
 docs/app/pages/showcase.vue     | 11 +++++------
 docs/app/pages/team.vue         |  5 +++--
 10 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/docs/app/pages/[...slug].vue b/docs/app/pages/[...slug].vue
index 991e8e53..85502b60 100644
--- a/docs/app/pages/[...slug].vue
+++ b/docs/app/pages/[...slug].vue
@@ -67,9 +67,9 @@ if (!import.meta.prerender) {
 
 const type = page.value?.path.includes('components') ? 'Vue Component ' : page.value?.path.includes('composables') ? 'Vue Composable ' : ''
 useSeoMeta({
-  titleTemplate: `%s ${type}- Nuxt UI ${page.value.module === 'ui-pro' ? 'Pro' : ''} v3${page.value.framework === 'vue' ? ' for Vue' : ''}`,
+  titleTemplate: `%s ${type}- Nuxt UI ${page.value.module === 'ui-pro' ? 'Pro' : ''} ${page.value.framework === 'vue' ? ' for Vue' : ''}`,
   title: page.value.navigation?.title ? page.value.navigation.title : page.value.title,
-  ogTitle: `${page.value.navigation?.title ? page.value.navigation.title : page.value.title} ${type}- Nuxt UI ${page.value.module === 'ui-pro' ? 'Pro' : ''} v3${page.value.framework === 'vue' ? ' for Vue' : ''}`,
+  ogTitle: `${page.value.navigation?.title ? page.value.navigation.title : page.value.title} ${type}- Nuxt UI ${page.value.module === 'ui-pro' ? 'Pro' : ''} ${page.value.framework === 'vue' ? ' for Vue' : ''}`,
   description: page.value.description,
   ogDescription: page.value.description
 })
diff --git a/docs/app/pages/components.vue b/docs/app/pages/components.vue
index 9ca5a4be..c978da00 100644
--- a/docs/app/pages/components.vue
+++ b/docs/app/pages/components.vue
@@ -7,7 +7,7 @@ const title = 'Vue Components'
 const description = 'Explore 99+ customizable UI components for Vue and Nuxt built with Tailwind CSS and Reka UI.'
 
 useSeoMeta({
-  titleTemplate: `%s - Nuxt UI`,
+  titleTemplate: '%s - Nuxt UI',
   title,
   description,
   ogTitle: `${title} - Nuxt UI`,
diff --git a/docs/app/pages/figma/index.vue b/docs/app/pages/figma/index.vue
index 404cc902..dca61329 100644
--- a/docs/app/pages/figma/index.vue
+++ b/docs/app/pages/figma/index.vue
@@ -5,6 +5,7 @@ import { animate } from 'motion-v'
 import { joinURL } from 'ufo'
 
 const { url } = useSiteConfig()
+
 useSeoMeta({
   title: page.title,
   description: page.description,
diff --git a/docs/app/pages/pro/activate.vue b/docs/app/pages/pro/activate.vue
index 4308bd1e..9e2920ab 100644
--- a/docs/app/pages/pro/activate.vue
+++ b/docs/app/pages/pro/activate.vue
@@ -12,7 +12,7 @@ const { url } = useSiteConfig()
 useSeoMeta({
   title,
   description,
-  ogTitle: `${title} - Nuxt UI Pro`,
+  ogTitle: title,
   ogDescription: description,
   ogImage: joinURL(url, '/pro/og-image.png')
 })
diff --git a/docs/app/pages/pro/index.vue b/docs/app/pages/pro/index.vue
index dbf8ba10..a1cb0c36 100644
--- a/docs/app/pages/pro/index.vue
+++ b/docs/app/pages/pro/index.vue
@@ -9,10 +9,10 @@ const { url } = useSiteConfig()
 
 useSeoMeta({
   title: page.title,
-  ogTitle: page.title,
-  ogImage: joinURL(url, '/pro/og-image.png'),
   description: page.description,
-  ogDescription: page.description
+  ogTitle: page.title,
+  ogDescription: page.description,
+  ogImage: joinURL(url, '/pro/og-image.png')
 })
 </script>
 
diff --git a/docs/app/pages/pro/pricing.vue b/docs/app/pages/pro/pricing.vue
index 5ef61ce4..5eb10b57 100644
--- a/docs/app/pages/pro/pricing.vue
+++ b/docs/app/pages/pro/pricing.vue
@@ -7,8 +7,8 @@ const { url } = useSiteConfig()
 
 useSeoMeta({
   title: page.title,
-  ogTitle: page.title,
   description: page.description,
+  ogTitle: page.title,
   ogDescription: page.description,
   ogImage: joinURL(url, '/pro/og-image.png')
 })
diff --git a/docs/app/pages/pro/terms.vue b/docs/app/pages/pro/terms.vue
index 3a091d2b..c62d934c 100644
--- a/docs/app/pages/pro/terms.vue
+++ b/docs/app/pages/pro/terms.vue
@@ -13,7 +13,7 @@ const description = page.value.description
 useSeoMeta({
   title,
   description,
-  ogTitle: `${title} - Nuxt UI Pro`,
+  ogTitle: title,
   ogDescription: description,
   ogImage: joinURL(url, '/pro/og-image.png')
 })
diff --git a/docs/app/pages/roadmap.vue b/docs/app/pages/roadmap.vue
index 6902b9b2..d0c7b673 100644
--- a/docs/app/pages/roadmap.vue
+++ b/docs/app/pages/roadmap.vue
@@ -5,8 +5,9 @@ const description = 'Discover our Volta board for @nuxt/ui development status.'
 useSeoMeta({
   titleTemplate: '%s - Nuxt UI',
   title,
-  ogTitle: 'Nuxt UI Roadmap',
-  description
+  description,
+  ogTitle: `${title} - Nuxt UI`,
+  ogDescription: description
 })
 
 defineOgImageComponent('Docs', {
diff --git a/docs/app/pages/showcase.vue b/docs/app/pages/showcase.vue
index bf943607..b506789c 100644
--- a/docs/app/pages/showcase.vue
+++ b/docs/app/pages/showcase.vue
@@ -1,20 +1,19 @@
 <script setup lang="ts">
-import { joinURL } from 'ufo'
-
 const { data: page } = await useAsyncData('showcase', () => queryCollection('showcase').first())
 if (!page.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
 }
 
-const { url } = useSiteConfig()
-
 useSeoMeta({
   titleTemplate: `%s - Nuxt UI`,
   title: page.value.title,
   description: page.value.description,
   ogTitle: `${page.value.title} - Nuxt UI`,
-  ogDescription: page.value.description,
-  ogImage: joinURL(url, '/og-image.png')
+  ogDescription: page.value.description
+})
+
+defineOgImageComponent('Docs', {
+  headline: 'Community'
 })
 </script>
 
diff --git a/docs/app/pages/team.vue b/docs/app/pages/team.vue
index 7a3acdc7..a89a3624 100644
--- a/docs/app/pages/team.vue
+++ b/docs/app/pages/team.vue
@@ -5,8 +5,9 @@ const description = 'The development of Nuxt UI is led by a community of develop
 useSeoMeta({
   titleTemplate: '%s - Nuxt UI',
   title,
-  ogTitle: 'Nuxt UI Team',
-  description
+  description,
+  ogTitle: `${title} - Nuxt UI`,
+  ogDescription: description
 })
 
 defineOgImageComponent('Docs', {