How to integrated riot.js with Angular 9

Question

I am working on a project with Angular Framework and I need to integrate another project written in Riot.js.
And this is really hard for me.
I hope to receive help from everyone.
Thanks

Answer 1

Have a look at https://github.com/lucasbrigida/angular-riot, it allows you to render with riot inside an Angular app, something like this:

angular.module('moduleName', ['angular-riot'])
  .controller('ctrlName', ['$scope', $document, 'riot', function ($scope, $document, riot) {
      $document.ready(function () { 
        riot.mount('todo', {
          title: 'I want to behave!',
          items: [
            { title: 'Avoid excessive coffeine', done: true },
            { title: 'Hidden item', hidden: true },
            { title: 'Be less provocative' },
            { title: 'Be nice to people' }
          ]
        });
      });
}]);

Answer 2

the simplest solution is to use Iframe otherwise maybe you could use the angular project as angular elements and monorepos