feat: add AppHeader component

Author: cwandev

components/AppHeader.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+const route = useRoute()
+const router = useRouter()
+
+function onBack() {
+  if (window.history.state.back)
+    history.back()
+  else
+    router.replace('/')
+}
+
+const title = computed(() => {
+  if (!route.meta || !route.meta.title)
+    return ''
+  return route.meta.title as string
+})
+</script>
+
+<template>
+  <VanNavBar
+    :title="title"
+    :fixed="true"
+    clickable left-arrow
+    @click-left="onBack"
+  />
+</template>

layouts/default.vue

@@ -1,5 +1,6 @@
 <template>
   <main class="px-10 py-20">
+    <AppHeader />
     <slot />
 
     <div class="mx-auto mt-5 text-center opacity-25">