Angular component inside Vue component/template

Hi, and thank you for your work! I am trying to migrate a huge angular 1.x app into vue. I was wondering: is it possible to include an angular component into vue code? I would like to re-use an existing angular component inside code refactored through Vue/ngVue, because I cannot simply rewrite it at the moment. Let’s say I am rewriting the “routing wrapper” of my application, but still, as the component loaded for a given route, I would like to inject the old angular code.

Something like:

<old-angular-app>
    <ng-vue-component>
        <old-existing-angular-component />
    </ng-vue-component>
</old-angular-app>

But it does not work, it gives a vue warn on unregistered component, which, I guess, is the right behaviour of the framework. I know that maybe ngVue was intended to include vue components into angular, and not the contrary. But I was wondering if it’s possible to fix that in some way.

[arcadeJHS]

@Jvogel-Amplify … which you can for sure read (together with code examples) on my github: https://github.com/arcadeJHS/AngularVueIntegration.

Hope it helps!

[arcadeJHS]

@Jvogel-Amplify: no problem, thank you for reading! 😃 That, for sure, is my point of view… but I hope it helps.