posts setup

.vitepress/theme/PostLayout.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { useData } from "vitepress";
+import Authors from "./components/Authors.vue";
+
+const props = defineProps<{
+  authors: string[];
+}>();
+
+const formatDate = (raw: string): string => {
+  const date = new Date(raw);
+  return date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+  });
+};
+
+const { frontmatter } = useData();
+</script>
+
+<template>
+  <h3>
+    {{ frontmatter.title }}
+  </h3>
+
+  <span>{{ frontmatter.description }} • {{ formatDate(frontmatter.date) }}</span>
+  <Authors :authors="props.authors" />
+</template>