import React from 'react';
import Vue from 'vue';
import { Observer } from 'mobx-vue';

class VueInReact extends React.Component {

  render() {
    return <div className="vueRender">
    </div>;
  }

  async componentDidMount() {
    const m = await import('./text.vue');
    const Comp = Observer(Vue.extend(m.default));
    new Comp({
      propsData: {
        username: 'Tom'
      }
    }).$mount('.vueRender', true);
  }
}

export default VueInReact;