Сделала запрет на одновременное открытие форм

src/components/LoggedInLayout.vue

@@ -1,9 +1,15 @@
 <template lang="pug">
 .flex.flex-col.w-full.h-full.gap-y-2
-    the-header
+    the-header(
+      :is-open-page-form="isOpenPageForm",
+      @is-open-header-form="changeHeaderFormState"
+    )
     .flex.flex-auto
       the-sidebar
-      router-view
+      router-view(
+        :is-open-header-form="isOpenHeaderForm",
+        @is-open-page-form="changePageFormState",
+      )
 </template>
 
 <script>
@@ -13,5 +19,19 @@ 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>