controller return json to vue via twig; init vue App

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/App.vue

@@ -0,0 +1,18 @@
+<template>
+  hello
+</template>
+
+<script>
+import { mapState } from 'vuex';
+
+export default {
+   name: "App",
+   components: {},
+   computed: mapState([
+      'activity'
+   ])
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/i18n.js

@@ -0,0 +1,8 @@
+const appMessages = {
+   fr: {
+      
+   }
+}
+export {
+   appMessages
+};

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/index.js

@@ -0,0 +1,16 @@
+import { createApp } from 'vue';
+import { _createI18n } from 'ChillMainAssets/vuejs/_js/i18n'
+import { appMessages } from './i18n'
+import store from './store'
+
+import App from './App.vue';
+
+const i18n = _createI18n(appMessages);
+
+const app = createApp({
+   template: `<app></app>`,
+})
+.use(store)
+.use(i18n)
+.component('app', App)
+.mount('#activity');

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/store.js

@@ -0,0 +1,31 @@
+import 'es6-promise/auto';
+import { createStore } from 'vuex';
+
+const debug = process.env.NODE_ENV !== 'production';
+//console.log('window.activity', window.activity);
+
+const store = createStore({
+   strict: debug,
+   state: {
+     activity: window.activity
+   },
+   getters: {
+
+   },
+   mutations: {
+      addPerson(state, payload) {
+
+      }
+   },
+   actions: {
+      addPerson() {
+        //let el = document.getElementById('form['activity']['xxx']['xxxx']');
+        //let option = document.createElement('option');
+        //option.value = person.id;
+        //el.appendChild(option);
+        commit('addPerson', payload)
+     }
+  }
+});
+
+export default store;