RegionList - ordered

src/components/timeshare/buy/buyPage.vue

@@ -38,7 +38,7 @@
           <div class="row mb-4">
             <div class="col-md-8">
               <div class="accordion" id="accordionExample">
-                <div class="card" v-for="(region, r) in detailedRegion" :key="r">
+                <div class="card" v-for="(region, r) in regions" :key="r">
                   <a
                     class="btn btn-b-n"
                     type="button"
@@ -86,6 +86,9 @@ export default {
   },
   computed: {
     ...mapState('timeshareBuy', ['detailedRegion']),
+    regions(){
+      return _.sortBy(this.detailedRegion, r => r.regionName);
+    }
   },
   methods: {
     ...mapActions('timeshareBuy', ['getRegions']),

src/store/modules/timeshare/buyPage.js

@@ -1,6 +1,7 @@
 /* eslint-disable no-restricted-syntax */
 /* eslint-disable guard-for-in */
 import axios from 'axios';
+import _ from 'lodash';
 
 export default {
   namespaced: true,