start commit for admin system

src/components/Dialogs/Information.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import DialogHeader from "@/components/DialogHeader.vue";
+
+const props = defineProps({
+  modal: {
+    type: Boolean,
+    default: false,
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  desc: {
+    type: String,
+    default: "",
+  },
+  clickClose: {
+    type: Function
+  }
+});
+</script>
+
+<template>
+  <q-dialog v-model="props.modal" persistent>
+    <q-card style="width: 35vw; max-width: 35vw">
+      <q-form ref="myForm">
+        <DialogHeader :tittle="props.title" :close="clickClose" />
+        <q-separator />
+        <q-card-section class="q-pa-md bg-grey-1">
+          <div class="row col-12">
+
+            {{ props.desc }}
+
+          </div>
+        </q-card-section>
+      </q-form>
+    </q-card>
+  </q-dialog>
+</template>