From 24d229463a7ebebfbb056a4f6e4a79379a1ec9f4 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Sun, 30 Jun 2024 01:30:05 +0200
Subject: [PATCH] Add blog details and divider

---
 app/pages/writings/[slug].vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/pages/writings/[slug].vue b/app/pages/writings/[slug].vue
index 25ae4f3..8671769 100644
--- a/app/pages/writings/[slug].vue
+++ b/app/pages/writings/[slug].vue
@@ -35,6 +35,9 @@ useHead({
         Go back
       </NuxtLink>
     </div>
+    <div class="mb-2 border-l-2 pl-2 border-gray-300 dark:border-gray-700 rounded-sm">
+      {{ useDateFormat(post.publishedAt, 'DD MMMM YYYY').value }} - {{ post.readingTime }}min.
+    </div>
     <AppTitle
       :description="post.description"
       :title="post.title ?? 'Untitled'"
@@ -48,6 +51,10 @@ useHead({
         alt="Writing cover"
       />
     </div>
+    <UDivider
+      class="mt-8"
+      icon="i-ph-pencil-line-duotone"
+    />
     <article class="mt-8">
       <ContentRenderer :value="post">
         <ContentRendererMarkdown