onthefly create new person: adding result in suggested/selected list

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue

@@ -90,6 +90,7 @@ import Modal from 'ChillMainAssets/vuejs/_components/Modal';
 import OnTheFly from 'ChillMainAssets/vuejs/_components/OnTheFly.vue';
 import PersonSuggestion from './AddPersons/PersonSuggestion';
 import { searchPersons, searchPersons_2 } from 'ChillPersonAssets/vuejs/_api/AddPersons';
+import {mapGetters, mapState} from "vuex";
 
 export default {
    name: 'AddPersons',
@@ -118,6 +119,8 @@ export default {
       }
    },
    computed: {
+      ...mapState(['priorSuggestion']),
+      ...mapGetters(['hasPriorSuggestion']),
       query: {
          set(query) {
             return this.setQuery(query);
@@ -142,6 +145,7 @@ export default {
          return this.search.selected.length;
       },
       selectedAndSuggested() {
+         this.checkPriorSuggestion();
          const uniqBy = (a, key) => [
                ...new Map(
                   a.map(x => [key(x), x])
@@ -190,7 +194,6 @@ export default {
          }
       },
       loadSuggestions(suggested) {
-         //console.log('suggested', suggested);
          this.search.suggested = suggested;
          this.search.suggested.forEach(function(item) {
             item.key = this.itemKey(item);
@@ -218,6 +221,16 @@ export default {
       },
       itemKey(item) {
          return item.result.type + item.result.id;
+      },
+      checkPriorSuggestion() {
+         if (this.hasPriorSuggestion) {
+            console.log('checkPriorSuggestion',);
+            this.suggested.unshift(this.priorSuggestion);
+            this.selected.unshift(this.priorSuggestion);
+
+            console.log('reset onthefly');
+            this.$store.commit('newPriorSuggestion', null);
+         }
       }
    },
 }