refactoring AddAddress component

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue

@@ -1,9 +1,23 @@
 <template>
-   <add-address></add-address>
+   
+   <div v-if="address.address">
+      {{ address.address.street }}, {{ address.address.streetNumber }}
+   </div>
+   <div v-if="address.city">
+      {{ address.city.code }} {{ address.city.name }}
+   </div>
+   <div v-if="address.country">
+      {{ address.country.name }}
+   </div>
+   
+   <add-address
+      @addNewAddress="addNewAddress"
+      ref="addAddress">
+   </add-address>
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import { mapState } from 'vuex';
 
 import AddAddress from '../_components/AddAddress.vue';
 
@@ -12,8 +26,18 @@ export default {
    components: {
       AddAddress
    },
-   computed: mapState([
-      'address'
-   ])
+   computed: {
+      address() {
+         return this.$store.state.address;
+      }
+   },
+   methods: {
+      addNewAddress({ address, modal }) {
+         console.log('@@@ CLICK button addNewAdress', address);
+         this.$store.dispatch('addAddress', address.selected);
+         //this.$refs.addAddress.resetAll(); // to cast child method
+         modal.showModal = false;
+      }
+   }
 };
 </script>