ipyvuetify not working

[maartenbreddels]

Hi,

Ideally:

from google.colab import output
output.enable_custom_widget_manager()
!pip install ipyvuetify
import ipyvuetify as v
v.Btn(children=["I want to run on colab"])

Runs on colab, but gives the error in the js consoleUnknown dependency jupyter-vue.

In the notebook we 'fix' this by always loading a widget (we call ForceLoad) in ipyvue that will ensures a single widget from ipyvue is created before you can make a ipyvuetify widget (such that the module jupyter-vue is loaded).
However, colab works completely differently, and will probably not try to load this global widget.

Any suggestions for a workaround on how to load jupyter-vue from the jupyter-vuetify package?

cc @Ben-Epstein @mariobuikhuizen

[Ben-Epstein]

+1 I had the same issue

[maartenbreddels]

This seems to work:

import ipyvuetify as v
import ipyvue as vue
display(vue.Html(tag="h2", children=["I work"]), v.Btn(children=["I want to run on colab"]))

@blois is this a good workaround do you think? Is a single display call guaranteed to enter in the same iframe?

[maartenbreddels]

I can get solara working in colab using widgetti/reacton@cb776b1

Too bad for the pydev debugger that gives us a warning, but the second execution it disappears. It's a solara thing that we might be able to get rid of in the future.

cc @MantZ who is probably also interested in this

[cperry-goog]

From blois "all display calls from the same cell are guaranteed to go into the same iFrame"

re: the workaround, we're not quite sure offhand, need to dig more.