Fix to no result carousel & obj clear on nav

src/components/property/commercial/commercialCarouselSection.vue

@@ -133,6 +133,11 @@ export default {
       this.propertySearch.suburb = place.suburb;
     },
   },
+  mounted() {    
+    this.propertySearch.city = "All";
+    this.propertySearch.suburb = "All";
+    this.propertySearch.province = "All";
+  }
 };
 </script>
 

src/components/property/commercial/commercialSearchResults.vue

@@ -43,6 +43,7 @@
       </div>
     </section> -->
     <section v-else id="intro" style="margin-bottom:-50px">
+      <br/>
       <div class="container">
         <div class="row d-flex justify-content-center">
           <div class="col-md-8">
@@ -138,6 +139,11 @@ export default {
     ParamsChanged() {
       return null;
     }
+  },
+  beforeDestroy(){
+    this.propertySearch.city = "All";
+    this.propertySearch.suburb = "All";
+    this.propertySearch.province = "All";    
   }
 };
 </script>

src/components/property/residential/residentialCarouselSection.vue

@@ -153,6 +153,11 @@ export default {
       this.propertySearch.suburb = place.suburb;
     },
   },
+  mounted() {    
+    this.propertySearch.city = "All";
+    this.propertySearch.suburb = "All";
+    this.propertySearch.province = "All";
+  }
 };
 </script>
 

src/components/property/residential/residentialSearchResults.vue

@@ -12,6 +12,7 @@
       :showSort="false"
     />
     <section v-else id="intro" style="margin-bottom:-50px">
+      <br/>
       <div class="container">
         <div class="row d-flex justify-content-center">
           <div class="col-md-8">
@@ -29,7 +30,7 @@
         :items="1"
         :autoplay="true"
         :loop="true"
-        id="intro-carousel"
+        id="intro-carousel_residential"
         style="margin-top:-50px"
         :responsive="{ 0: { items: 1, nav: false }, 600: { items: 1, nav: false } }"
       >
@@ -48,11 +49,13 @@
 /* eslint-disable */
 import { mapState, mapActions } from "vuex";
 import propertyCard from "../propertyCardSearch";
+import carousel from "vue-owl-carousel";
 
 export default {
   name: "propertysearch",
   components: {
-    propertyCard
+    propertyCard,
+     carousel
   },
   data() {
     return {
@@ -107,6 +110,11 @@ export default {
     ParamsChanged() {
       return null;
     }
+  },
+  beforeDestroy(){
+    this.propertySearch.city = "All";
+    this.propertySearch.suburb = "All";
+    this.propertySearch.province = "All";    
   }
 };
 </script>