vue insert element

insert-element.js

// inserts an element directly in place with no wrapper element
import Vue from 'vue';

export default {
  name: 'CvuInsertElement',
  functional: true,
  props: ['html'],
  render(h, ctx) {
    const node = new Vue({
      template: `${ctx.props.html}`
    }).$mount()._vnode;

    // add attributes
    for (let attr in ctx.data.attrs) {
      if (!node.data.attrs[attr]) {
        node.data.attrs[attr] = ctx.data.attrs[attr];
      }
    }

    // merge classes
    node.data.class = (ctx.data.class || '') + ' ' + (ctx.data.staticClass || '');

    return node;
  }
};