add POC of a vuejs component (opens a modal) for address selection

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

@@ -0,0 +1,19 @@
+<template>
+   <add-address></add-address>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+import AddAddress from '../_components/AddAddress.vue';
+
+export default {
+   name: 'App',
+   components: {
+      AddAddress
+   },
+   computed: mapState([
+      'address'
+   ])
+};
+</script>

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/index.js

@@ -0,0 +1,32 @@
+import { createApp } from 'vue'
+import { _createI18n } from 'ChillMainAssets/vuejs/_js/i18n'
+import { appMessages } from './js/i18n'
+import { getDataPromise } from './store'
+
+import App from './App.vue';
+
+// getDataPromise.then(store => {
+
+//    console.log('store address', store.state.address);
+
+//    const i18n = _createI18n(appMessages);
+//    console.log(i18n)
+
+//    const app = createApp({
+//       template: `<app></app>`,
+//    })
+//    .use(store)
+//    .use(i18n)
+//    .component('app', App)
+//    .mount('#address');
+
+// });
+
+const i18n = _createI18n(appMessages);
+
+const app = createApp({
+   template: `<app></app>`,
+})
+.use(i18n)
+.component('app', App)
+.mount('#address');

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/js/i18n.js

@@ -0,0 +1,15 @@
+// import { mainMessages } from 'ChillMainAssets/vuejs/_js/i18n'
+
+const appMessages = {
+   fr: {
+      address: {
+         id: "id",
+      },
+   }
+};
+
+// Object.assign(appMessages.fr, mainMessages.fr);
+
+export {
+   appMessages
+};