hrms-mgt/src/components/DialogHeader.vue

<template>
  <q-toolbar>
    <q-toolbar-title class="text-subtitle2 text-bold">{{
      tittle
    }}</q-toolbar-title>
    <q-btn
      icon="close"
      unelevated
      round
      dense
      @click="close"
      style="color: #ff8080; background-color: #ffdede"
    />
  </q-toolbar>
</template>
<script setup lang="ts">
import { ref, useAttrs } from "vue";

const props = defineProps({
  tittle: String,
  close: {
    type: Function,
    default: () => console.log("not function"),
  },
});
const close = async () => {
  props.close();
};
</script>