Page Stubs and Click-Through Flow

resources/js/Layouts/AppLayout.vue

@@ -0,0 +1,20 @@
+<script setup>
+import { computed } from 'vue'
+import { usePage } from '@inertiajs/vue3'
+import PageHeader from '@/Components/PageHeader.vue'
+
+const page = usePage()
+
+const pageTitle = computed(() => {
+  return page.props?.title || ''
+})
+</script>
+
+<template>
+  <div class="min-h-screen flex flex-col">
+    <PageHeader :title="pageTitle" />
+    <main class="flex-1">
+      <slot />
+    </main>
+  </div>
+</template>