From 963a09bf7acba807c0da855ff3335c68650c8522 Mon Sep 17 00:00:00 2001
From: Techit Thawiang <techit@thawia.ng>
Date: Sat, 30 Aug 2025 22:01:34 +0700
Subject: [PATCH] Fix Loading... title in blog post

---
 pages/posts/[...slug].vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/pages/posts/[...slug].vue b/pages/posts/[...slug].vue
index fefe469..a5b1fb5 100644
--- a/pages/posts/[...slug].vue
+++ b/pages/posts/[...slug].vue
@@ -3,13 +3,14 @@
         <article class="article">
             <section class="web-hero-post web-hero-bg relative bg-cover bg-center" :style="`background-image: url('${baseUrl + '/portal/f/assets/' + post?.coverImage}');`" aria-labelledby="hero" aria-describedby="hero-desc">
                 <div class="absolute inset-0 bg-(--color-deep-semidark)/80"></div>
-                <h1 id="hero" class="font-hero z-[1]">{{ post?.title }}</h1>
-                <p id="hero-desc" class="font-hero-desc z-[1]">{{ post?.description }}</p>
+                <section class="max-w-6xl mx-auto z-[1]">
+                  <h1 id="hero" class="font-hero">{{ post?.title }}</h1>
+                  <p id="hero-desc" class="font-hero-desc">{{ post?.description }}</p>
+                </section>
             </section>
             <section class="web-section web-section-narrow" aria-labelledby="post-content" aria-describedby="post-content-desc">
                 <div class="prose">
                     <ContentRenderer v-if="post" :value="post"/>
-                    {{ post ? '' : 'Loading...' }}
                 </div>
             </section>
         </article>
@@ -27,7 +28,7 @@ const { data: post } = await useAsyncData(route.path, () => {
 
 const ogUrl = config.public.baseUrl + route.path
 useSeoMeta({
-  title: post.value?.title || 'Loading...',
+  title: post.value?.title,
   description: post.value?.description || 'Content from our blog',
   keywords: post.value?.tags?.join(', ') || 'blog, article, post',
   ogTitle: post.value?.title + ' / thawia.ng',