save

src/components/Header.vue

@@ -3,15 +3,23 @@
 import BackIcon from "@/components/BackIcon.vue";
 import { useAttrs } from "vue";
 
-defineProps<{
+interface IProps {
   title: string;
-}>()
+  showBackIcon?: boolean;
+}
+
+withDefaults(defineProps<IProps>(), {
+  title: '',
+  showBackIcon: true,
+})
+
+
 const attrs = useAttrs()
 </script>
 
 <template>
-  <div class="mb-3 text-xl font-bold relative">
-    <BackIcon class="z-2 relative" v-bind="attrs"/>
+  <div class="mb-3 text-xl font-bold relative min-h-8">
+    <BackIcon class="z-2 relative" v-bind="attrs" v-if="showBackIcon" />
     <span class="absolute text-center w-full left-0" @click.stop>{{ title }}</span>
   </div>
 </template>