Support for both vue 2 and vue 3

[jourdain]

Since trame-client>=2.7.0 and trame-server>=2.9.0 we introduced support for both vue 2 and 3.

Q: What does it mean for you?
A: That means you can start using trame with vue 3 components.

Q: Can I just switch without changing any code of my current application?
A: Yes if you are only using the html widgets and the vtk/paraview ones. If you are using Vuetify, you will need to use the vuetify3 namespace which provide a slightly different API as they provide more control than before. But all the logic, syntax and approach remain exactly the same.

Q: Can I use any existing trame widgets?
A: Not really, so far we've only ported the client, trame, vuetify(3), vtk and paraview. Ideally we'll upgrade the main ones to be available in a cross version manner. But help from the community or suggestion on which one should go first would be appreciated.

Q: How do I switch from vue2 to vue3?
A: You need to set it at the very beginning on the server by calling server.client_type = "vue3". By default for trame<3 it will be "vue2" but it could be a good manner to define it in your application.

Q: Will trame>=3 switch to "vue3" by default?
A: Yes but I'm not expecting to release trame==3.0.0 to happen before another 6 months or so. Also trame 3 will only install trame-client and trame-server by default which means your application will be responsible to list all the widgets dependencies you aim to use.

[omdaniel]

Trame is now "vue3" by default; however, all of the examples seem to break now unless you manually revert to server.client_type = "vue2", are the examples going to be updated for "vue3"

[omdaniel]

From examples\02_vuetify\01_menu.py I tried to change the imports to
from trame.app import get_server
from trame.widgets import vuetify3 as vuetify
from trame.ui.vuetify3 import SinglePageLayout

I was thinking any API changes would trigger an exception on the Python side; however, the webpage just fails to render correctly, and the terminal gives a JS Error

JS Error => Lookup error: Vue.use(Vuetify.createVuetify(), {})

[omdaniel]

Perhaps, the examples should all be modified to set server.client_type = "vue2" on the official repo as a stopgap until they are updated for "vue3"

[jourdain]

Yes, those example should fix their client_type to vue2 until we truly migrate them.
We fixed a bunch of them (to be vue2 explicit) but we obviously missed some.

I will fix them shortly.

[jourdain]

Fixed in 41c78bf