timeshare admin filter

src/components/admin/status/timeshareAdminPage.vue

@@ -18,6 +18,7 @@
               class="form-control uniSelect"
               @change="regionChange()"
               style="font-size: 15px"
+              v-model="region"
             >
               <option v-for="(region, r) in regions" :key="r" :value="region">{{
                 region.regionName
@@ -33,7 +34,7 @@
               @change="resortChange()"
             >
               <option value="Other">Other</option>
-              <option v-for="(resort, r) in resorts" :key="r" :value="resort">{{
+              <option v-for="(resort, r) in filteredResort" :key="r" :value="resort">{{
                 resort.resortName
               }}</option>
             </select>
@@ -104,7 +105,8 @@ export default {
     return {
       user: Log.getUser(),
       selectedItems: [],
-      showMessage: false
+      showMessage: false,
+      region: ""
     };
   },
   mounted() {
@@ -112,10 +114,12 @@ export default {
     this.initTimeshare(0);
   },
   computed: {
-    ...mapState("timeshare", ["resorts", "regions", "seasons"]),
+    ...mapState("timeshare", ["resorts", "regions", "seasons", "detailedRegion"]),
     ...mapState("individual", ["indiv"]),
     filteredResort() {
       let list = [];
+      console.log(this.region);
+
       if (this.sellItem && this.sellItem.region && this.sellItem.region.regionCode) {
         const item = this.detailedRegion.find(
           region => region.region.regionCode === this.sellItem.region.regionCode