m9ve website code outsidr

website/theme/PostLayout.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+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()
+const authors = computed(() => props.authors.split(','))
+</script>
+
+<template>
+  <h1>{{ frontmatter.title }}</h1>
+  <div>{{ frontmatter.description }} • {{ formatDate(frontmatter.date) }}</div>
+  <Authors :authors="authors" />
+</template>