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

beauty treatment #2

Browse Source
This commit is contained in:
Techit Thawiang
2025-10-14 13:38:00 +07:00
parent c198d21f55
commit a1dc01dbb6
7 changed files with 90 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/pages/posts/[...slug].vue
+21 -1
View File
@@ -1,6 +1,6 @@
<template>
<main>
<article class="article">
<article v-if="post" class="article">
<section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
<section class="max-w-6xl mx-auto z-[1]">
<small class="prose-blog-pretext" aria-hidden="true">You are reading blog post:</small>
@@ -19,6 +19,26 @@
</div>
</section>
</article>
<article v-else class="article">
<section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
<section class="max-w-6xl mx-auto z-[1]">
<small class="prose-blog-pretext" aria-hidden="true">An error occurred:</small>
<h1 id="hero" class="font-hero">Post not found!</h1>
<div class="post-cover">
<section class="w-full">
<p id="hero-desc" class="font-hero-desc">Check the URL; there might be a misspelling, or the post may not actually exist.</p>
<NuxtLink class="btn" to="/posts">All posts</NuxtLink>
</section>
<img :width="512" class="img-cover" src="https://files.thawia.ng/files/assets/zUJfK8p1i.webp" />
</div>
</section>
</section>
<section class="web-section web-section" aria-labelledby="post-content" aria-describedby="post-content-desc">
<div class="prose">
<ContentRenderer v-if="post" :value="post"/>
</div>
</section>
</article>
</main>
</template>
app/pages/posts/index.vue
+3 -3
View File
@@ -2,8 +2,8 @@
<main>
<article class="article">
<section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
<h1 id="hero" class="font-hero">Posts</h1>
<p id="hero-desc" class="font-hero-desc">This is where I post my thoughts, articles, and updates.</p>
<h1 id="hero" class="font-hero">{{ TITLE }}</h1>
<p id="hero-desc" class="font-hero-desc">{{ DESC }}</p>
</section>
<section class="web-section" aria-labelledby="latest-posts" aria-describedby="latest-posts-paragraph-1">
<h2 class="web-title" id="latest-posts">All Posts</h2>
@@ -16,7 +16,7 @@
<script setup>
const config = useRuntimeConfig();
const TITLE = "Posts"
const DESC = "Techit's posts and writings."
const DESC = "Also known as blog because this is where I post my thoughts, articles, and updates."
useSeoMeta({
title: TITLE,