Fixed errors on Prop search

src/components/property/propertySearchFields.vue

@@ -9,11 +9,7 @@
               <b>F</b>
             </span>
           </div>
-          <select
-            class="form-control"
-            v-model="propertySearch.salesType"
-            @change="salesTypeSelected"
-          >
+          <select class="form-control" v-model="propertySearch.salesType">
             <option value="Sale">Sale</option>
             <option value="Rent">Rent</option>
           </select>
@@ -29,9 +25,11 @@
           </div>
           <select class="form-control" v-model="resType" @change="PropertyTypeSelected">
             <option>All</option>
-            <option v-for="(propertyType, i) in propertyTypesRes" :key="i">{{
+            <option v-for="(propertyType, i) in propertyTypesRes" :key="i">
+              {{
               propertyType.description
-            }}</option>
+              }}
+            </option>
           </select>
           <div class="input-group-append" @click="clearResType">
             <span class="input-group-text cursor-pointer" style="color: #60CBEB">
@@ -50,9 +48,11 @@
           </div>
           <select class="form-control" v-model="comType" @change="PropertyTypeSelected">
             <option>All</option>
-            <option v-for="(propertyType, i) in propertyTypesCom" :key="i">{{
+            <option v-for="(propertyType, i) in propertyTypesCom" :key="i">
+              {{
               propertyType.description
-            }}</option>
+              }}
+            </option>
           </select>
           <div class="input-group-append" @click="clearComType">
             <span class="input-group-text cursor-pointer" style="color: #60CBEB">
@@ -69,7 +69,7 @@
               <b>P</b>
             </span>
           </div>
-          <select class="form-control" @change="ProvinceSelected" v-model="propertySearch.province">
+          <select class="form-control" v-model="propertySearch.province">
             <option>All</option>
             <option v-for="(province, i) in provinces" :key="i">{{ province.description }}</option>
           </select>
@@ -90,7 +90,7 @@
               <b>C</b>
             </span>
           </div>
-          <select class="form-control" @change="CitySelected" v-model="propertySearch.city">
+          <select class="form-control" v-model="propertySearch.city">
             <option>All</option>
             <option v-for="(city, i) in cities" :key="i">{{ city.description }}</option>
           </select>
@@ -111,7 +111,7 @@
               <b>S</b>
             </span>
           </div>
-          <select class="form-control" v-model="propertySearch.suburb" @change="SuburbSeleted">
+          <select class="form-control" v-model="propertySearch.suburb">
             <option>All</option>
             <option v-for="(suburb, i) in suburbs" :key="i">{{ suburb.description }}</option>
           </select>
@@ -217,7 +217,9 @@ export default {
     },
     ProvinceSelected(item) {
       if (item.target.value !== 'All') {
-        this.getCities(Object.assign({}, { province: this.propertySearch.province }));
+        this.getCities(
+          Object.assign({}, { province: this.propertySearch.province }),
+        );
       }
     },
     CitySelected(item) {