beauty treatment

2025-10-13 21:25:04 +07:00
parent 1b550cecb9
commit 8358c4acb4
7 changed files with 464 additions and 290 deletions
@@ -1,11 +1,11 @@
 <template>
    <template v-if="post">
-        <NuxtLink class="post-card" :to="post.path">
-            <img :src="post.coverImage" :alt="post?.title + '’s cover image'"/>
+        <NuxtLink class="post-card" :to="post?.path">
+            <img :src="post?.coverImage" :alt="post?.title + '’s cover image'"/>
            <div class="post-card-content">
-                <h3>{{ post.title }}</h3>
-                <p :title="post.description">{{ post.description }}</p>
-                <p class="mt-4 text-xs" :title="useFormatDate(post.dateUpdated)">{{ useRelativeDate(post.dateUpdated) }}</p>
+                <h3 :title="post?.title">{{ post?.title }}</h3>
+                <p style="margin-block: 0.25em" :title="post?.description">{{ post?.description }}</p>
+                <p class="post-more-info" :title="useFormatDate(post?.dateUpdated)">📅 {{ useRelativeDate(post?.dateUpdated) }}</p>
            </div>
        </NuxtLink>
    </template>