Remove Carousel for dynamic images

src/components/admin/status/editTimeShareAdminPage.vue

                       class="form-control"
                       name="week"
                       id="week"
-                      placeholder="UNIT / WEEK NUMBER"
+                      placeholder="WEEK MODULE"
                       v-model="week.module"
                       data-msg="Please enter week number"
                     />

src/components/property/commercial/singleView/singleCommercialPage.vue

 <template>
   <div>
-    <carouselSection :propertyImages="propertyImages" @Loaded="carouselLoaded = true" />
-    <main id="main" style="margin-top:-20px">
+    <!-- <carouselSection :propertyImages="propertyImages" @Loaded="carouselLoaded = true" /> -->
+    <main id="main" style="margin-top:20px">
       <contentSection
         :property="property"
         :propertyImages="propertyImages"

src/components/property/residential/singleView/singleResidentialPage.vue

 <template>
   <div>
-    <carouselSection :propertyImages="propertyImages" @Loaded="CarouselDone" />
-    <main id="main" style="margin-top:-20px">
+    <!-- <carouselSection :propertyImages="propertyImages" @Loaded="CarouselDone" /> -->
+    <main id="main" style="margin-top:20px">
       <contentSection :property="property" :propertyImages="propertyImages" @Loaded="ContentDone" />
     </main>
     <div v-if="Wait" id="preloader"></div>

src/components/timeshare/resort/resortPage.vue

 <template>
   <div>
-    <carouselSection v-if="boolLoaded" :resortImages="resort.images" />
+    <!-- <carouselSection v-if="boolLoaded" :resortImages="resort.images" /> -->
     <main id="main" style="margin-top:-20px">
       <contentSection :resortCode="resortCode" />
     </main>
 export default {
   components: {
     carouselSection,
-    contentSection,
+    contentSection
   },
   data() {
     return {
-      boolLoaded: false,
+      boolLoaded: false
     };
   },
   props: {
-    resortCode: {},
+    resortCode: {}
   },
   async created() {
     this.getResortData(this.resortCode);
       return this.resort
         ? `http://maps.google.com/maps?q=${this.resort.prLatitude},${this.resort.prLongitude}&z=15&output=embed`
         : "";
-    },
+    }
   },
   methods: {
     ...mapActions("resort", ["getResortData"]),
     routerGoTo(goto) {
       this.$router.push(goto);
-    },
-  },
+    }
+  }
 };
 </script>
 

src/components/timeshare/resort/resortPageNew.vue

 <template>
   <div>
-    <carouselSection v-if="!wait" :resortImages="resort.images" />
-    <main id="main" style="margin-top:-20px;">
+    <!-- <carouselSection v-if="!wait" :resortImages="resort.images" /> -->
+    <main id="main" style="margin-top:20px;">
       <section>
         <div class="container">
           <div class="row" id="resort-profile">
     }
   },
   computed: {
-    ...mapState("resort", ["resort"])
+    ...mapState("resort", ["resort", "images"])
   },
   created() {
     this.getResortData(this.resortCode).then(() => (this.wait = false));

src/components/timeshare/resort/unit/unitPageNew.vue

 <template>
   <main id="main" style="padding-bottom:50px">
-    <carouselSection v-if="!wait" :resortImages="resort.images" />
+    <!-- <carouselSection v-if="!wait" :resortImages="resort.images" /> -->
     <summarySection :resortCode="resortCode" :unitNumber="unitNumber" />
     <div class="container">
       <div class="row mt-5">
     gallerySection,
     tabSection,
     summarySection,
-    carouselSection,
+    carouselSection
   },
   props: {
     resortCode: {},
-    unitNumber: {},
+    unitNumber: {}
   },
   data() {
     return {
-      wait: false,
+      wait: false
     };
   },
   mounted() {
     //   this.boolLoaded = true;
     // }, 500);
     this.wait = true;
-    this.getResortData(this.resortCode).then((fulfilled) => {
+    this.getResortData(this.resortCode).then(fulfilled => {
       this.applyResortFilter(this.resortCode);
       this.getWeeks();
       this.wait = false;
     ...mapState("resort", ["resort"]),
 
     ...mapGetters({
-      weekById: "weekList/weekById",
+      weekById: "weekList/weekById"
     }),
     week() {
       return this.weekById(this.resortCode, this.unitNumber);
       var layouts = [];
       layouts.push(this.resort.layout);
       return layouts;
-    },
+    }
     // ...mapState('week', ['currentWeek']),
   },
   methods: {
         return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
       }
       return "";
-    },
-  },
+    }
+  }
 };
 </script>
 

src/components/timeshare/sell/contentSection.vue

                     class="form-control"
                     name="week"
                     id="week"
-                    placeholder="UNIT / WEEK NUMBER"
+                    placeholder="WEEK MODULE"
                     v-model="sellItem.module"
                     data-msg="Please enter week number"
                   />

src/store/modules/timeshare/resort.js

       dispatch("getImage2", resortCode);
       dispatch("getImage3", resortCode);
       dispatch("getImage4", resortCode);
+      dispatch("getImage5", resortCode);
       dispatch("getLayout", resortCode);
     },
     getDescription({ commit }, resortCode) {
         })
         .catch(console.error);
     },
+    getImage5({ commit }, resortCode) {
+      axios
+        .get(
+          `https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/${resortCode}/image/5`
+        )
+        .then(result => {
+          if (result.data && result.data.length > 0) {
+            commit("addImage", result.data);
+          }
+        })
+        .catch(console.error);
+    },
     getLayout({ commit }, resortCode) {
       axios
         .get(