Address selection: add selectCountry and selectCity components

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress.vue

@@ -30,7 +30,7 @@
          <template v-slot:body>
             <!--span class="discret">Selection: {{ selected }}</span-->
             <div class="results">
-               <div class="count">
+               <!-- <div class="count">
                   <span>
                      <a  v-if="suggestedCounter > 0" href="#">
                         {{ $t('action.check_all')}}</a>
@@ -40,13 +40,19 @@
                   <span v-if="selectedCounter > 0">
                      {{ $tc('add_persons.selected_counter', selectedCounter) }}
                   </span>
-               </div>
+               </div> -->
 
-               <address-suggestion
+               <country-selection>
+               </country-selection>
+
+               <city-selection>
+               </city-selection>
+
+               <address-selection
                   v-for="item in this.referenceAddresses.slice().reverse()"
                   v-bind:item="item"
                   v-bind:key="item.id">
-               </address-suggestion>
+               </address-selection>
 
                <!-- <button v-if="query.length >= 3" class="sc-button bt-create ml-5 mt-2" name="createPerson">
                   {{ $t('action.create') }} "{{ query }}"
@@ -67,13 +73,17 @@
 <script>
 import { mapState } from 'vuex';
 import Modal from './Modal';
-import AddressSuggestion from './AddressSuggestion';
+import CountrySelection from './CountrySelection';
+import CitySelection from './CitySelection';
+import AddressSelection from './AddressSelection';
 
 export default {
    name: 'AddAddresses',
    components: {
       Modal,
-      AddressSuggestion,
+      CountrySelection,
+      CitySelection,
+      AddressSelection,
    },
    data() {
       return {
@@ -85,7 +95,7 @@ export default {
    },
    computed: {
       ...mapState(['add_addresses']),
-      referenceAddresses() {return this.$store.getters.getReferenceAddresses;}
+      referenceAddresses() { return this.$store.getters.getReferenceAddresses; }
       // query: {
       //    set(query) {
       //       this.$store.dispatch('setQuery', { query });