Added province drop down

src/components/misc/address.vue

@@ -53,7 +53,9 @@
             <span class="input-group-text">
               <eva-icon name="home-outline" fill="#60CBEB"></eva-icon>
             </span>
-            <input class="form-control" type="text" name="province" v-model="address.province" />
+            <select class="form-control" name="region" id="region" v-model="address.province">
+              <option v-for="(region, r) in regions" :key="r">{{region.regionName}}</option>
+            </select>
           </div>
         </div>
         <div class="col-md-6" style="margin-bottom: 1em">
@@ -71,10 +73,15 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
+
 export default {
   props: {
     address: {},
   },
+  computed: {
+    ...mapState('timeshare', ['regions']),
+  },
 };
 </script>