WIP привести к изначальному виду

src/components/LoggedInLayout.vue

@@ -1,15 +1,9 @@
 <template lang="pug">
 .flex.flex-col.w-full.h-full.gap-y-2
-    the-header(
-      :is-open-page-form="isOpenPageForm",
-      @is-open-header-form="changeHeaderFormState"
-    )
+    the-header
     .flex.flex-auto
       the-sidebar
-      router-view(
-        :is-open-header-form="isOpenHeaderForm",
-        @is-open-page-form="changePageFormState",
-      )
+      router-view
 </template>
 
 <script>
@@ -19,19 +13,5 @@ import TheSidebar from "@/components/TheSidebar";
 export default {
   name: "LoggedInLayout",
   components: { TheHeader, TheSidebar },
-  data() {
-    return {
-      isOpenPageForm: false,
-      isOpenHeaderForm: false,
-    };
-  },
-  methods: {
-    changePageFormState(value) {
-      this.isOpenPageForm = value;
-    },
-    changeHeaderFormState(value) {
-      this.isOpenHeaderForm = value;
-    },
-  },
 };
 </script>

src/components/TheHeader.vue

@@ -13,8 +13,8 @@
         :size="40",
         right-icon="icon-person",
         :icon-right-size="18",
-        @click="changeFormState"
-        )
+        @click="isOpenCreate=true"
+      )
       button.header-buttons.flex.justify-center.items-center.mr-8.p-0(@click="logout")
         .icon-bell.text-xxl
       .flex.justify-centflexer.items-center
@@ -34,12 +34,6 @@ import BaseClientFormCreate from "@/components/base/BaseClientFormCreate";
 export default {
   name: "TheHeader",
   components: { HeaderInputs, BaseAvatar, BaseButton, BaseClientFormCreate },
-  props: {
-    isOpenPageForm: {
-      type: Boolean,
-      default: false,
-    },
-  },
   data() {
     return {
       avatarSrc: img,
@@ -53,16 +47,11 @@ export default {
   methods: {
     closeFormCreate() {
       this.isOpenCreate = false;
-      this.$emit("is-open-header-form", this.isOpenCreate);
     },
     logout() {
       localStorage.clear();
       this.$router.push("/login");
     },
-    changeFormState() {
-      this.isOpenCreate = !this.isOpenPageForm;
-      this.$emit("is-open-header-form", this.isOpenCreate);
-    },
   },
 };
 </script>

src/components/base/BaseClientFormCreate.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  .wrapper-create.flex.flex-col.absolute.top-0.px-4.py-7.gap-y-8
+  .wrapper-create.flex.flex-col.absolute.top-0.px-4.py-7.gap-y-8(v-click-outside="closeForm")
     .icon-cancel.close.absolute.top-5.right-5.cursor-pointer(@click="closeForm")
     span.title.text-xl.font-bold.px-4 Создание клиента
     .flex.gap-x-4.h-fit.px-4
@@ -38,13 +38,11 @@ import FormCreateIdentityDocuments from "@/pages/clients/components/FormCreateId
 import FormCreateAddresses from "@/pages/clients/components/FormCreateAddresses";
 import FormCreateAdditional from "@/pages/clients/components/FormCreateAdditional";
 import BaseInput from "@/components/base/BaseInput";
-import BaseSelect from "@/components/base/OldBaseSelect";
 import BaseButton from "@/components/base/BaseButton";
 export default {
   name: "BaseClientFormClient",
   components: {
     BaseInput,
-    BaseSelect,
     FormCreateBasicInfo,
     FormCreateIdentityDocuments,
     FormCreateAddresses,