Imba-Vue adapter for using Imba apps inside Vue

ImbaAdapter.js

import Vue from 'vue'
import { Component, Prop } from 'vue-property-decorator'
import Imba from 'imba'


/**
 
 import { App } from './App.imba'
 import ImbaAdapter from './ImbaAdapter'
 
 ...
 
 <ImbaAdapter tag={App} data={{some: 'data'}} />
 
 */
@Component
class ImbaAdapter extends Vue {
  @Prop({ required: true }) tag
  @Prop() data

  mounted() {
    this._tag = Imba.createElement(this.tag)
    if (this.data) this._tag.setData(this.data)
    Imba.mount(this._tag.end(), this.$refs.root)
  }

  beforeDestroy() {
    Imba.TagManager.unmount(this._tag)
  }

  render(h) {
    return h('div', { ref: 'root' })
  }
}


export default ImbaAdapter