techit/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Loading... title in blog post

Browse Source
This commit is contained in:
Techit Thawiang
2025-08-30 22:01:34 +07:00
parent 6a4b9e94e7
commit 963a09bf7a
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/posts/[...slug].vue
+5 -4
View File
@@ -3,13 +3,14 @@
<article class="article"> <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"> <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> <div class="absolute inset-0 bg-(--color-deep-semidark)/80"></div>
<h1 id="hero" class="font-hero z-[1]">{{ post?.title }}</h1> <section class="max-w-6xl mx-auto z-[1]">
<p id="hero-desc" class="font-hero-desc z-[1]">{{ post?.description }}</p> <h1 id="hero" class="font-hero">{{ post?.title }}</h1>
<p id="hero-desc" class="font-hero-desc">{{ post?.description }}</p>
</section>
</section> </section>
<section class="web-section web-section-narrow" aria-labelledby="post-content" aria-describedby="post-content-desc"> <section class="web-section web-section-narrow" aria-labelledby="post-content" aria-describedby="post-content-desc">
<div class="prose"> <div class="prose">
<ContentRenderer v-if="post" :value="post"/> <ContentRenderer v-if="post" :value="post"/>
{{ post ? '' : 'Loading...' }}
</div> </div>
</section> </section>
</article> </article>
@@ -27,7 +28,7 @@ const { data: post } = await useAsyncData(route.path, () => {
const ogUrl = config.public.baseUrl + route.path const ogUrl = config.public.baseUrl + route.path
useSeoMeta({ useSeoMeta({
title: post.value?.title || 'Loading...', title: post.value?.title,
description: post.value?.description || 'Content from our blog', description: post.value?.description || 'Content from our blog',
keywords: post.value?.tags?.join(', ') || 'blog, article, post', keywords: post.value?.tags?.join(', ') || 'blog, article, post',
ogTitle: post.value?.title + ' / thawia.ng', ogTitle: post.value?.title + ' / thawia.ng',