2 - Send data from main to sidebar

main-application.js

const data = {
  version: 2,
};
jQuery(document).trigger('updateSidebarData', [data]);

sidebar.js

const Sidebar = new Vue({
  el: '#sidebar',
  data() {
    return {
      dataFromMain: {
        version: 1,
      },
    };
  },
  methods: {
    handleUpdateSidebarData(e, data) {
      this.dataFromMain = data;
    },
  },
  mounted() {
    jQuery(document).on('updateSidebarData', this.handleUpdateSidebarData);
  },
});