Provide the capabilities to actors to be render using the vue framework.
add it to your project using npm install tarant-vue --save or yarn add tarant-vue
Extend the vue actor with a template and the properties to bind to the id of the actor will relate to the html component id
import { VueActor } from "tarant-vue";
export default class AppActor extends VueActor {
constructor() {
super("#app")
this.schedule(1000, this.incrementCounter, [])
}
private incrementCounter(): void {
this.counter++;
}
private counter = 0;
readonly template : string = "<div>counter: {{counter}}</div>"
}Initialize the actor system with the provided materializer
import { ActorSystem, ActorSystemConfigurationBuilder } from 'tarant'
import AppActor from './Actor/AppActor';
import { VueRenderer } from 'tarant-vue';
window.onload = () => {
const system = ActorSystem.for(ActorSystemConfigurationBuilder.define()
.withMaterializer(new VueRenderer())
.done())
system.actorOf(AppActor)
}