WIP Почти доделана форма создания клиента

src/components/TheHeader.vue

@@ -1,12 +1,5 @@
 <template lang="pug">
   .header-wrapper.relative.flex.justify-center.box-border.py-2.pl-4_75px.pr-6
-    transition(name="form")
-      base-client-form-create(
-        v-if="isOpenForm",
-        :close-form="closeForm",
-        :set-updated-clients="setUpdatedClients",
-        :write-created-client-id="writeCreatedClientId",
-      )
     .flex.items-center.box-border.cursor-pointer.mr-auto
       img.logo-img.mr-29_25px(src="@/assets/images/logo.svg", alt="Logo")
       header-inputs
@@ -15,7 +8,6 @@
         color="primary",
         dense,
         padding="4px 22px",
-         @click="openForm"
       )
         q-icon(
           name="app:icon-plus",
@@ -27,6 +19,14 @@
           size="18px",
           style="margin-left: 4px"
         )
+        q-menu(
+          v-model="isOpenFormInternal",
+        )
+          base-client-form-create(
+            v-model="isOpenFormInternal",
+            :set-updated-clients="setUpdatedClients",
+            :write-created-client-id="writeCreatedClientId",
+          )
       q-btn.mr-8(
         flat,
         dense,
@@ -34,7 +34,7 @@
         padding="4px 8px"
         icon="app:icon-bell",
         size="18px",
-        round
+        round,
       )  
       .flex.justify-centflexer.items-center.relative
         base-avatar.mr-2(:size="36", :color="userData?.color", v-if="!userData?.photo") {{changeName}}       
@@ -75,8 +75,8 @@ export default {
   },
   props: {
     url: String,
-    openForm: Function,
     closeForm: Function,
+    openForm: Function,
     isOpenForm: Boolean,
     setUpdatedClients: Function,
     writeCreatedClientId: Function,
@@ -98,6 +98,15 @@ export default {
         this.userData?.first_name || ""
       } ${this.userData?.patronymic || ""}`;
     },
+    isOpenFormInternal: {
+      get() {
+        return this.isOpenForm;
+      },
+      set(val) {
+        if (!val) this.closeForm();
+        else this.openForm();
+      },
+    },
   },
   methods: {
     logout() {