diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
index 8f2f8dbba..bae535b1a 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
@@ -32,7 +32,8 @@
    </div>
 
    <div v-for="(a, i) in config.altNames" :key="a.key" class="form-floating mb-3">
-      <input class="form-control form-control-lg" :id="a.key" v-model="altNames[i]" />
+      <!-- <input class="form-control form-control-lg" :id="a.key" @change="enterAltName(value, a)" /> -->
+       <input class="form-control form-control-lg" :id="a.key" v-model="person.altNames[i]" />
       <label :for="a.key">{{ a.labels.fr }}</label>
    </div>
 
@@ -107,29 +108,37 @@ export default {
          },
          config: {
             altNames: []
-         }
+         },
+         dataAltNames: []
       }
    },
    computed: {
       firstName: {
-         set(value) { this.person.firstName = value; },
+         set(value) {
+            console.log(value)
+            console.log(this.dataAltNames)
+            this.person.firstName = value;
+            //this.person.altNames = ['CACA'];
+         },
          get() { return this.person.firstName; }
       },
       lastName: {
          set(value) { this.person.lastName = value; },
          get() { return this.person.lastName; }
       },
-      altNames: {
-         set(value) { this.person.altNames.push(
-            {
-               key: 'jeune_fille',
-               label: {
-                  fr: value
-               }
-            });
-         },
-         get() { return this.person.altNames; }
-      },
+      // altNames: {
+      //    set(value) { 
+      //       console.log(value)
+      //       this.person.altNames= 
+      //       {
+      //          key: value.key, //TODO!  // person.altNames is filled by some magic
+      //          label: {
+      //             fr: value
+      //          }
+      //       };
+      //    },
+      //    get() { return this.person.altNames; }
+      // },
       gender: {
          set(value) { this.person.gender = value; },
          get() { return this.person.gender; }
@@ -158,6 +167,10 @@ export default {
          set(value) { this.person.email = value; },
          get() { return this.person.email; }
       },
+      enterAltName(value, a) {
+         console.log('altname value entered', value)
+         console.log(a)
+      },
       genderClass() {
          switch (this.person.gender) {
             case 'woman':