update latest page

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

pages/index.vue

@@ -4,7 +4,7 @@ let x = ref(10);
 
 <template>
   <div
-    class="container px-5 mx-auto max-w-6xl flex font-poppins gap-7 antialiased"
+    class="container px-4 mx-auto max-w-6xl flex font-poppins gap-14 antialiased"
   >
     <div class="flex-1">
       <h1 class="text-xl pb-8 tracking-wide text-[#e60067]">

pages/latest.vue

@@ -1,11 +1,17 @@
 <script setup lang="ts">
+definePageMeta({
+  layout: "list",
+});
 const { data } = await useAsyncData("home", () => queryContent("/").find());
-console.log(data);
 </script>
 
 <template>
-  <div>
-    <p class="text-5xl">Latest Page</p>
-    <pre>{{ data }}</pre>
+  <div class="container mx-auto max-w-6xl font-poppins antialiased">
+    <h1 class="font-semibold text-3xl mt-10 mx-5 mb-4 text-slate-800">
+      LATEST CONTENT
+    </h1>
+    <div class="flex justify-between flex-wrap">
+      <latest-blog-card v-for="n in 20" :key="n" />
+    </div>
   </div>
 </template>