zoid/dist/module/drivers/vue.js

Cross domain components.

import { extend } from 'belter/src';

import { CONTEXT } from '../constants';

export var vue = {
    global: function global() {
        // pass
    },
    register: function register(component) {

        return {
            render: function render(createElement) {
                return createElement('div');
            },


            inheritAttrs: false,

            mounted: function mounted() {
                var el = this.$el;

                // $FlowFixMe
                this.parent = component.init(extend({}, this.$attrs), null, el);

                this.parent.render(CONTEXT.IFRAME, el);
            },
            beforeUpdate: function beforeUpdate() {

                if (this.parent && this.$attrs) {
                    this.parent.updateProps(extend({}, this.$attrs));
                }
            }
        };
    }
};