How to use vue component in Angular 1.5 (based on react2angular)

vue2angular.ts

import { IAugmentedJQuery, IComponentOptions } from 'angular'
import { fromPairs, keys, merge } from 'lodash'
import NgComponent from 'ngcomponent'
import * as Vue from 'vue'

export function vue2angular<Props>(
  Component: Vue.ComponentOptions<Vue>
): IComponentOptions {
  let names: string[];
  if (Component.props) {
    if (Array.isArray(Component.props)) {
      names = Component.props;
    } else if (typeof Component.props === 'object') {
      names = keys(Component.props);
    }
  } else {
    names = [];
  }

  return {
    bindings: fromPairs(names.map(_ => [_, '<'])),
    controller: ['$element', class extends NgComponent<Props, void> {
      private vueInstance;
      private observedProps = fromPairs(names.map(_ => [_, '']));
      constructor(private $element: IAugmentedJQuery) {
        super();
      }
      render() {
        merge(this.observedProps, this.props);
        if (!this.vueInstance) {
          this.vueInstance = new Vue({
            el: this.$element[0],
            data: this.observedProps,
            render: h => h(Component, {
              attrs: {
                ...this.observedProps
              }
            })
          })
        }
      }
    }]
  }
}