clone code

src/components/DialogHeader.vue

@@ -0,0 +1,27 @@
+<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>