change design

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

pages/about.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: "list",
+});
+
+const { data } = await useAsyncData("home", () => queryContent("/").find());
+
+const getAllPost = computed(() => {
+  const allpost = data.value || [];
+  const alltypes = allpost.map((post) => {
+    return {
+      title: post.title,
+      path: post._path,
+      date: post.date as string,
+      type: post.type,
+    };
+  });
+  alltypes.sort(function (a, b) {
+    const c = new Date(a.date);
+    const d = new Date(b.date);
+    return c < d ? 1 : -1;
+  });
+  return alltypes;
+});
+</script>
+
+<template>
+  <div
+    class="container mx-auto max-w-6xl font-ibmmono antialiased min-h-[72vh]"
+  >
+    <div>
+      <template v-for="pp in getAllPost" :key="pp">
+        <archiev-card
+          :title="pp.title"
+          :date="pp.date"
+          :path="pp.path"
+          :type="pp.type"
+        />
+      </template>
+    </div>
+  </div>
+</template>