Vue's LSP only partially supported

[DoctorRyner]

https://github.com/vuejs/language-tools mostly works only in script tag and has no completion for css and template parts

[DoctorRyner]

It's weird that Helix has no proper support for Vue because Vue is very popular, some people will just refuse to use Helix because they write vue

[kirawi]

Run hx -v and check :log-open after attempting completion. Also provide the information per the the issue template: https://github.com/helix-editor/helix/issues/new?assignees=&labels=C-bug&projects=&template=bug_report.yaml

[DoctorRyner]

@kirawi

Here is the log

helix.log

I use macOS, build from source code 5c11af1 and it's the same on any terminal emulators

[zetashift]

Volar changed the way the server works...again.I'd recommend you adapt this https://github.com/vuejs/language-tools?tab=readme-ov-file#none-hybrid-modesimilar-to-takeover-mode-configuration-requires-vuelanguage-server-version-207

I've stopped using Helix for Volar based LSPs just because I'm tired of dealing with the pacing of the tooling(this is not the fault of Helix).
For kakoune I use the following:

[language_server.typescript-language-server]
filetypes = ["javascript", "typescript"]
roots = ["package.json", "tsconfig.json", "jsconfig.json", ".git", ".hg"]
command = "typescript-language-server"
args = ["--stdio"]
settings_section = "_"

[language_server.typescript-language-server.settings._]
quotePreference = "double"
typescript.format.semicolons = "insert"
plugins = [{name = "@vue/typescript-plugin", location = "/path/to/bin/vue-language-server", languages = ["vue"]}]

[language_server.vuels]
filetypes = ["vue"]
command = "vue-language-server"
roots = ["package.json", ".git"]
args = ["--stdio"]
settings_section = "_"

[language_server.vuels.settings._]
vue = { hybridMode = false }
typescript = { tsdk = "node_modules/typescript/lib/" }

[stefanfrede]

After searching the web and trying a lot, I finally got it working in Helix:

[language-server.typescript-language-server.config]
plugins = [{  name = "@vue/typescript-plugin", location = <path to "/@vue/language-server">, languages = ["vue"] }]

[language-server.volar]
command = "vue-language-server"
args = ["--stdio"]

[language-server.volar.config]
vue = { hybridMode = false }
typescript = { tsdk = <path to "/typescript/lib" }

[[language]]
name = "vue"
scope = "source.vue"
injection-regex = "vue"
file-types = ["vue"]
roots = ["package.json", ".git"]
auto-format = true
language-servers = ["volar"]
formatter = { command = 'prettier', args = ["--parser", "vue"] }

[stefanfrede]

I went on a journey: vuejs/language-tools#4376.