Vue support broken in 2024-12

[brianvfernandes]

If you attempt to edit the App.vue file from the vue-app test project in org.eclipse.wildwebdeveloper.tests/testProjects you will get a host of errors in the log, and content assist doesn't work. Hyperlink navigation doesn't appear to work either, and typing can sometimes be sluggish, with momentarily high CPU load. For a specific editing case, try adding an import on line 8, though any editing or even selection will trigger repeated errors in the log.

The errors are:

!MESSAGE ExecutionException occurred during shutdown of EndpointProxy for org.eclipse.lsp4j.jsonrpc.RemoteEndpoint@583ca402
!MESSAGE The pipe is being closed
!MESSAGE Could not get trigger characters due to timeout after 50 milliseconds

See vue_errors.log for complete traces.

Similar errors are reported with other files in this project too, like main.js, however, the issues are not specific to this project (just thought it would be good to reproduce with a WWD test project)

Reproduced in: Eclipse IDE for Enterprise Java and Web Developers - 2024-12.
Same tests works just fine in 2024-06.

Further analysis:
The issues seem to be caused by an update to the vue language server. The version used in WWD 1.3.6 (Eclipse 2024-06) was 2.0.19. If I build the current WWD 1.3.9 release by dropping down versions of @vue/language-server and @vue/typescript-plugin (in org.eclipse.wildwebdeveloper/package.json) to 2.0.19, everything works again. If I increase it to 2.0.20 it breaks as described above. We're currently using version 2.1.10, but 2.0.20 appears to be the version that introduced the changes that break this functionality.

[akurtakov]

vue.js was provided by community and after that we try to keep it alive via dependabot. It would help if you can provide a PR that fixes the issue or at least provide a simple way of reproducing the issue written for people that literally have zero knowledge of Vue.js.

[brianvfernandes]

@akurtakov thanks for taking a look at this! I'm afraid my skills in this area are rather limited and I was only able to identify that the shift from version 2.0.19 to 2.0.20 as described above seemed to break Vue support.

To reproduce, here are some simple steps:

1. Checkout the WWD repository and import the vue-app project into your workspace. vue-app can be found at org.eclipse.wildwebdeveloper.tests/testProjects/vue-app
2. Open App.vue
3. Place the cursor on line 8 - at this point you should already see errors being logged
4. Type imp - more errors logged, and the content assist popup might appear with a "computing proposals" status that never completes

Seems to be a fundamental break, so I would assume if you're able to get the language server connection up again with no connections being closed, the Vue functionality would return and you would not need to do any Vue specific testing / coding. If I can provide more information, please let me know. Thanks!

[akurtakov]

Seems to work for me on Fedora 41 (although a bit slow initially)

Screencast.From.2024-12-19.21-40-34.mp4

[brianvfernandes]

Appreciate the quick check! Some notes:

1. The completions should appear almost instantaneously, this is how it does work in 2024-06. At this speed they would not be of much use.
2. You can sometimes "jiggle" the completion into showing something by deleting characters, or invoking content assist explicitly again. Note however, that while you did get suggestions, you did not see suggestions for the import. I can't be sure but I think the suggestions you see may have been the generic contextual text or JavaScript suggestions and not from the Vue Language server (but I could be mistaken here).
3. Did you check to see if errors were being logged? I usually keep the Error log open to check and no errors should be logged.
4. Don't think it makes a difference, but a colleague and I have reproduced this on Windows 11.
5. Finally, here's a real-time video of how it works in 2024-06. You'll see the suggestions appear immediately, you do get the suggestion you'd expect for import, and it goes on to provide a Vue specific suggestion for another vue component. Hyperlink navigation underlines navigable components (I did not click to navigate, only hovered). Finally, no errors logged.

VID_20241220_013152.mp4

[zulus]

AutoInsert changes in volar cause Vue LSP server restarts, fixed in master