Dynamically calculate mvea Model name

app/webroot/js/comanage/components/mvea/mveas.js

@@ -25,6 +25,9 @@
  */
 
 import MveaItem from './mvea-item.js';
+import {
+  camelize
+} from '../utils/helpers.js';
 
 export default {
   props: {
@@ -42,41 +45,15 @@ export default {
   },
   computed: {
     mveaModel: function() {
-      switch(this.core.mveaType) {
-        case 'names':
-          return this.mveas.Names;
-          break;
-        case 'email_addresses':
-          return this.mveas.EmailAddresses;
-          break;  
-        case 'identifiers':
-          return this.mveas.Identifiers;
-          break;
-        case 'ad_hoc_attributes':
-          return this.mveas.AdHocAttributes;
-          break;
-        case 'addresses':
-          return this.mveas.Addresses;
-          break;
-        case 'telephone_numbers':
-          return this.mveas.TelephoneNumbers;
-          break;
-        case 'urls':
-          return this.mveas.Urls;
-          break;
-        case 'pronouns':
-          return this.mveas.Pronouns;
-          break;
-      }
+      return this.mveas?.[camelize(this.core.mveaType)]
     }
   },
   template: `
     <ul class="cm-mvea fields data-list">
       <mvea-item 
         :txt="this.txt"
         :core="this.core"
-        v-for='mvea in mveaModel'
-        :mvea="mvea">
+        v-for='mvea in mveaModel' :mvea="mvea">
       </mvea-item>
     </ul>
   `

app/webroot/js/comanage/components/utils/helpers.js

@@ -44,6 +44,12 @@ const constructLanguageString = (abbreviation) => {
   return `${regionNameEngish.of(abbreviation)} (${regionNameLocale.of(abbreviation)})`;
 }
 
+// Snake case to Camel case
+const camelize = (word) => {
+  return word.split("_").map(word => (word[0].toUpperCase() + word.slice(1))).join('')
+}
+
 export {
-  constructLanguageString
+  constructLanguageString,
+  camelize
 }