WIP Сделано удаление, breadcrumbs

src/pages/newMedicalCard/TheMedicalCard.vue

@@ -1,24 +1,45 @@
 <template lang="pug">
   .w-full.h-full
-    medical-card-header.mb-2(v-model="currentMenuItem")
+    medical-card-header.mb-2(
+      v-model="currentMenuItem",
+      :change-shown-remove-modal="changeShownRemoveModal",
+    )
     component(
       v-if="currentMenuItem",
       v-bind:is="currentMenuItem",
     )
+    base-modal(
+      v-model="isShownRemoveModal",
+      title="Удаление медкарты"
+    )
+      medical-card-remove-modal(:change-shown-remove-modal="changeShownRemoveModal")
 </template>
 
 <script>
 import MedicalCardHeader from "@/pages/newMedicalCard/components/MedicalCardHeader.vue";
 import MedicalCardBaseInfo from "@/pages/newMedicalCard/components/MedicalCardBaseInfo.vue";
+import BaseModal from "@/components/base/BaseModal.vue";
+import MedicalCardRemoveModal from "@/pages/newMedicalCard/components/MedicalCardRemoveModal.vue";
 import { mapState } from "vuex";
 export default {
   name: "TheMedicalCard",
-  components: { MedicalCardHeader, MedicalCardBaseInfo },
+  components: {
+    MedicalCardHeader,
+    MedicalCardBaseInfo,
+    BaseModal,
+    MedicalCardRemoveModal,
+  },
   data() {
     return {
       currentMenuItem: "MedicalCardBaseInfo",
+      isShownRemoveModal: false,
     };
   },
+  methods: {
+    changeShownRemoveModal(value) {
+      this.isShownRemoveModal = value;
+    },
+  },
   computed: mapState({
     medical: (state) => state.medical.medicalCard,
   }),