BGA framework + Vue

[Tisaac]

Hi !

Has anyone already tried to make BGA framework work with something like Vue.js ?
The js templating offered by the framework is quite basic and using the Vue dynamic binding could make the frontend much easier/prettier (maybe even more efficient on the run).

[Draasill]

I would love too using Vue, but that's a heavy lib, that's why I didn't.

Since santorini is using three.js, which is probably heavier, maybe that's not a problem ?

[Volker78]

the minified version of vue is only 91kb, that gzipped is around 30kb

[Tisaac]

Definitively not a size issue with < 100kb of script !
I've started to make BGA framework and Vue work together on my last project and so far so good, I'll keep this thread updated with my progress

[XCID]

Are there any recent BGA projects using VUE where I could have a look at?

[quietmint]

https://github.com/quietmint/bga-hardback uses Vue 3 and Tailwind CSS.

I plan to write a guide for the wiki one day on the approach I took, but overall I am not sure if I recommend using a progressive framework like this. The game animation requirement is completely at odds with the instant, automatic DOM updates of frameworks like Vue, Angular, React, etc. It was a fun experiment but I do not know if I would choose to do another game like this.