init

docs/components/PageContentHeader.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { useContent } from "#imports";
+
+const { page } = useContent();
+</script>
+
+<template>
+  <header class="mb-9 space-y-1">
+    <p
+      v-if="page?.section"
+      class="font-display text-sm font-medium text-sky-500"
+    >
+      {{ page?.section }}
+    </p>
+    <h1
+      class="font-display text-3xl tracking-tight text-slate-900 dark:text-white"
+    >
+      {{ page?.title }}
+    </h1>
+  </header>
+</template>