Integrating a larger Vue application with Solara
We have a large vite + vue 3.5 composition + primevui/tailwind project we'd like to integrate with the Jupyter ecosystem. The solara docs are great at showing one-off vue sfc integration, but it's not clear how we would "package" a node-bundled, full-fledged application reactilely within a solara app. Is this something potentially supportable?
Ideally, we could wrap SFCs as needed from our larger application in
component_vue, passing props as needed. Deps could be inferred from node_modules + other local files, transpiled to be cdn-based, or something else6 Replies
interesting problem. So you have a few .vue files, and some css?
And regarding vue 3, we have a branch of ipyvue https://github.com/widgetti/ipyvue/pull/82 with vue 3 support, which support esm
mariobuikhuizen
<:pull_draft:882464249065136138> [widgetti/ipyvue] feat: Vue3 support
TODO:
- a way to only supply the compiler for the nodeps version
- make hot reloading of template work
- ✅ make template backward compatible? ( look for
module.exports = { and replace with export default { )Created
so, if you could ship it as a es module, you can import it.
Apologies on the delay, Discord never notified me of your response!
Indeed, I have a project with ~30 sfcs who
import things from node modules, complete with tsconfig that routes @ imports to local folders. These other imports are composables, utils, etc
My goal is to let solara know about my vue project somehow, so that src/frontend/components/myComponent.vue can be spawned inside solara, without needing to
- convert node_module dependencies to cdn deps
- move composable/utils logic into the sfc
- bake in python-specific logic/rendering (like jupyter-widget, jupyter_read, etc.) if possible
Hopefully that makes sense(want to be notified on this thread as well)
(same)