-
-
Notifications
You must be signed in to change notification settings - Fork 109
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Vue 3 Support #135
Comments
Hi Felix, the Vue 3 rework is actually in progress and will be released with Baklava V2. However, as Baklava V2 is basically a complete rewrite of the project, it still takes some time. In the meantime I will have a look if I can release a Vue 3 compatible version of Baklava V1 using the new Vue Migration Build. |
Good news: I finally managed to create a version of Baklava v1 for Vue 3. After many failed attempts to do it with the Migration Build, I decided to try it without - and it pretty much worked out of the box. There are two new packages that support Vue 3:
All the other How to get started
import { createApp } from "vue";
import App from "./App.vue";
import { BaklavaVuePlugin } from "@baklavajs/plugin-renderer-vue3";
import "@baklavajs/plugin-renderer-vue3/dist/styles.css";
createApp(App).use(BaklavaVuePlugin).mount("#app");
Known Issues
I have tested the basic functionality, but I couldn't test it as much as I did for Vue 2, since all my projects using Baklava are based on Vue 2. So I just tested using the playground. Please try the new packages in your Vue 3 projects and report any bugs in this issue. |
Great! Thanks for looking into it, I will test the renderer in our Vue 3 project |
@newcat is the source code somewhere ? I would kind need it since I need to modify stuff especially in the context menu? Also having the context menu as a extra plugin would be really useful. |
Yes, the code can be found on the I have pretty much scrapped the idea of the context menu in Baklava v2 and instead replaced it with a toolbar, where you can add custom actions. Therefore I probably won't change the system in v1 anymore unless it's super critical for you. |
It seems dragging/panning/zooming are not working on Vue 3.2.25 with Vite 2.9.9. I have no clue what may cause this, but here's a repro project: |
Very strange indeed. I can reproduce it but so far I have no clue why this happens. I published a new version of the Vue 3 specific packages where they are built using Vue 3.2.33 but it didn't fix the issue. So I'll have to look deeper into it. |
Thanks for looking into it! The v2 branch worked for me though - not sure if it could be some dependency issue. |
Hi~ bro~ thanks for the great project first ! Will multi-lang be added into the project?such as |
Hi @newcat and all, thanks very much for the nice package and porting to vue3, but strangely, once I created the template based on the example here: https://codesandbox.io/s/baklavajs-example-forked-byj64o?file=/src/MathNode.js and the instructions about vue3, I got the following error in the browser console:
It seems the Node class and Nodebuilder class from @baklavajs/core cannot be imported. Anyone else encountered such issue? Thanks a ton! |
This comment was marked as off-topic.
This comment was marked as off-topic.
Use patch-package in this case. STEP1, Install Patch-Package on npm Now you can translate it into any language you like. example: |
@newcat |
@newcat |
I can confirm that there seems to be an issue with unfocussing in the vue3 renderer. Essentially it seems like all components (whether it's nodes or menus) don't notice that they are unforcused. |
@newcat |
I'll close this issue - from now on, the only officially supported version in Vue 3 is BaklavaJS v2 |
Hello there,
are there currently any plans on supporting Vue 3? At the moment there seems to be a problem with the new plugin registration. Adding baklavajs to a brand new Vue 3(-CLI) project like so:
results in a runtime error when calling the app:
The text was updated successfully, but these errors were encountered: