save

src/components/BackIcon.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
 
 import BaseIcon from "@/components/BaseIcon.vue";
-import {useAttrs} from "vue";
-import router from "@/router.ts";
+import { useAttrs } from "vue";
+import { useNav } from "@/utils";
 
 const attrs = useAttrs()
+const router = useNav()
 
 function onClick() {
   if (!attrs.onClick) {

src/components/Header.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+
+import BackIcon from "@/components/BackIcon.vue";
+import { useAttrs } from "vue";
+
+defineProps<{
+  title: string;
+}>()
+const attrs = useAttrs()
+</script>
+
+<template>
+  <div class="mb-3 text-xl font-bold relative">
+    <BackIcon class="z-2 relative" v-bind="attrs"/>
+    <span class="absolute text-center w-full left-0" @click.stop>{{ title }}</span>
+  </div>
+</template>
+
+<style scoped lang="scss">
+
+</style>