Genie Discord forum

Author Avatareli
12/8/2022, 6:19:16 PM

I have a Vue single-file component (.vue) file that I would like to be able to use in Stipple. What is the process for registering the file and component with stipple? Thanks for your help 🙂

Author Avatarabhimanyuaryan
12/9/2022, 9:24:54 AM

why would you want to mix .vue with stipple. What's the use case?

You can build entire vuejs app and use Genie as backend?

Author Avatareli
12/9/2022, 2:27:45 PM

Yes, exactly. I would like to leave the Quasar, Vue and JavaScript in that world (the documentation is easier to dig into there and I can more easily decompose the project into sub-components) and then import one top-level component into Stipple that would expose specifically the observables that the Julia backend really needs to manipulate.

Author Avatarabhimanyuaryan
12/9/2022, 2:58:40 PM

you can create your vue udm app and use serve_static to render that

Like for example this:

served here:

and you can write StipplePage.jl and render than with html and serve it from another route

Author Avatarabhimanyuaryan
12/9/2022, 2:59:52 PM

Technically all of this should work

Author Avatarabhimanyuaryan
12/9/2022, 3:00:06 PM

I am however not sure about rendering .vue components

Author Avatarabhimanyuaryan
12/9/2022, 3:00:46 PM

you'll have to create frontend separately. Use node to serve frontend

and use genie backend for data/api

Author Avatarabhimanyuaryan
12/9/2022, 3:00:54 PM

like traditionally how it's done

Author Avatareli
12/9/2022, 3:20:42 PM

Thanks Abhi! I think I understand and will try this out.

Author Avatareli
12/9/2022, 3:50:37 PM

Actually, a quick question. How would I connect the Stipple observables to specific variables in the vue udm app? In Stipple, it seems you need to place julia macros into the UI code. I don't see how to do that if I just pull in the entire vue udm app.

Author Avatarabhimanyuaryan
12/11/2022, 4:38:06 PM

I don't understand what do you mean by connecting to Stipple Observables to VueUDM

What I proposed was building some pages in VueUDM and some pages in Stipple.jl

Not missing both in one page and using Genie to render those VueJS UDM and Stipple pages

Author AvatarLéo
2/8/2023, 2:38:20 PM

Hi there ! I'm also currently very interested in using custom Vue components along with Genie.

@abhimanyuaryan , as I understand your previous responses, it is not possible to use the GenieFramework reactive API to manage the reactive variables of arbitrary Vue components.

I'm however confused regarding the limit of applicability of the reactive model (as is @eli it seems). GenieBuilder, for example, writes html style views, so how is it not possible to insert a custom vue component here, and manage its reactive properties using the GenieFramework API ?

A broader question would perhaps be : Is there any mean to interact work with arbitrary Vue reactive properties using a Julia back-end, to circumvent having to rely on javascript too much ?

Author Avatarabhimanyuaryan
2/10/2023, 6:23:25 PM

you can use vue components with genie. Not sure about mixing those components in Stipple reactive pages

Author Avatarabhimanyuaryan
2/10/2023, 6:25:40 PM

also you build your frontend with vue create all the components in .vue files and use genie as backend