search

kytos-ng / ui

Kytos Admin UI
MIT License
0 stars 3 forks source link

upgrade Vue2 to Vue3 in compatibility mode #55

Closed rmotitsuki closed 5 months ago

rmotitsuki commented 6 months ago

Related to issue #35

Summary

This PR replace the Vue2 framework for Vue3 in compatibility mode. There is a new webpack option to enable the debug message in browser, to visualize the debug, warning and error messages.

This PR impacts in all NApps that use Kytos UI components. A manual with the main erros can be found in the comments here:

The font library had to be replaced for compatibility.

Local Tests

To build Kytos UI: $ npm run preprod copy build.js to your kytos/web-ui $ cp dist/build.js ../ng/kytos/kytos/web-ui/dist/build.js

You can start Kytos and test the UI.

rmotitsuki commented 5 months ago

COMPILER_V_BIND_OBJECT_ORDER is a possible breaking change in Vue3. I was unable to remove this warning in this component, despite it being a warning that doesn't make sense in this case. I think we can remove it globally, but it's risky. We can take care of that later in another issue.

viniarck commented 5 months ago

img