blog: fix dates display

Author: NoBrainSkull

pages/blog/-index.vue

@@ -31,7 +31,7 @@
                                                 <nu-typography type="subtitle" class="vertical-text rotate-180 font-inter font-bold text-cinnabar h-40 text-right px-2 uppercase">{{ `00${index + 1}` }}</nu-typography>
                                                 <div class="flex flex-col gap-4 pr-6">
                                                     <div class="flex gap-6 items-center">
-                                                        <div><nu-typography type="caption" class="!font-bold">{{ item.created_at }}</nu-typography></div>
+                                                        <div><nu-typography type="caption" class="!font-bold">{{ new Date(item.created_at).toLocaleDateString() }}</nu-typography></div>
                                                         <div class="bg-cinnabar h-[6px] w-[6px]" />
                                                         <div><nu-typography type="cta-text" class="text-cinnabar !font-bold">{{ item.category }}</nu-typography></div>
                                                     </div>
@@ -66,7 +66,7 @@
                                         <div class="flex gap-12 py-8">
                                             <div class="flex flex-col gap-4 pr-6 w-full justify-center">
                                                 <div class="flex gap-6 items-center">
-                                                    <div><nu-typography type="caption" class="!font-bold">{{ item.created_at }}</nu-typography></div>
+                                                    <div><nu-typography type="caption" class="!font-bold">{{ new Date(item.created_at).toLocaleDateString() }}</nu-typography></div>
                                                     <div class="bg-onyx h-[6px] w-[6px]" />
                                                     <div><nu-typography type="cta-text" class="!font-bold">{{ item.category }}</nu-typography></div>
                                                 </div>

pages/blog/[...slug].vue

@@ -44,7 +44,7 @@ const url = useRequestURL()
                     </h1>
                     <div class="relative pb-6 flex justify-between @sm:pr-layout gap-6">
                         <div class="flex gap-6 items-center">
-                            <div><nu-typography type="caption" class="text-chinese-black !font-bold">{{ doc.created_at }}</nu-typography></div>
+                            <div><nu-typography type="caption" class="text-chinese-black !font-bold">{{ new Date(doc.created_at).toLocaleDateString() }}</nu-typography></div>
                             <div class="bg-cinnabar h-[6px] w-[6px]" />
                             <div><nu-typography type="cta-text" class="text-cinnabar !font-bold">{{ doc.category }}</nu-typography></div>
                         </div>
@@ -97,7 +97,7 @@ const url = useRequestURL()
                                     <nu-link :label="`Lire l'article ${item.title}`" :to="item._path">
                                         <nu-tile
                                             :title="item.title"
-                                            :category="`${item.created_at} ${item.category}`"
+                                            :category="`${new Date(item.created_at).toLocaleDateString()} ${item.category}`"
                                             :picture="item.image?.src"
                                             :caption="`Article 00${index + 1}`"
                                         />