up

docs/app/pages/blog/.blog.yml

@@ -1,4 +1,7 @@
-title: Nuxt UI Blog
+seo:
+  title: Nuxt UI Blog
+  description: Read the latest news, tutorials, and updates about Nuxt UI.
+title: Nuxt [UI]{.text-primary} Blog
 navigation.title: Blog
-description: 'Read the latest news, tutorials, and updates about Nuxt UI.'
+description: Read the latest news, tutorials, and updates about Nuxt UI.
 navigation.icon: i-lucide-newspaper

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

@@ -48,13 +48,6 @@ const formatDate = (dateString: string) => {
   <UMain class="mt-20 px-2">
     <UContainer class="relative min-h-screen">
       <UPage v-if="page">
-        <ULink
-          to="/blog"
-          class="text-sm flex items-center gap-1"
-        >
-          <UIcon name="lucide:chevron-left" />
-          Blog
-        </ULink>
         <div class="flex flex-col gap-3 mt-8">
           <div class="flex text-xs text-muted items-center justify-center gap-2">
             <span v-if="page.date">

docs/app/pages/blog/index.vue

@@ -6,12 +6,14 @@ const { data: posts } = await useAsyncData('blogs', () =>
   queryCollection('blog').order('date', 'DESC').all()
 )
 
+const title = page.seo?.title || page.title
+const description = page.seo?.description || page.description
+
 useSeoMeta({
-  titleTemplate: `%s`,
-  title: page.title,
-  description: page.description,
-  ogTitle: `${page.title}`,
-  ogDescription: page.description
+  title,
+  description,
+  ogTitle: title,
+  ogDescription: description
 })
 
 /* defineOgImageComponent('Docs', {