Vue.js config pls 🙏

[muttering-oldman]

Guys, please share your Vue.js configuration. I've experimented a lot with the settings, but I haven't been able to get the LSP to work.

Config

[NTARelix]

My languages.toml:

[[language]]
name = "typescript"
language-servers = [{ name = "vtsls" }]

[[language]]
name = "vue"
language-servers = [{ name = "vtsls" }]
auto-format = true

[language-server.vtsls]
command = "vtsls"
args = ["--stdio"]

[[language-server.vtsls.config.vtsls.tsserver.globalPlugins]]
name = "@vue/typescript-plugin"
location = "/etc/vue-typescript-plugin"
languages = ["vue"]
configNamespace = "typescript"

/etc/vue-typescript-plugin is not a standard location for an npm package. Here's my NixOS config that puts that package in that location:

environment.etc = {
  "vue-typescript-plugin".source =
    "${pkgs.vue-language-server}/lib/language-tools/packages/language-server";
};

If you don't use NixOS, then you can probably do a global install of the package with npm and use that path, or clone the vue language server repo, build it, and use the dist path. Here are the contents of /etc/vue-typescript-plugin on my machine:

$ ls -Lla /etc/vue-typescript-plugin
total 136
dr-xr-xr-x  6 root root  4096 Dec 31  1969 .
dr-xr-xr-x 10 root root  4096 Dec 31  1969 ..
dr-xr-xr-x  2 root root  4096 Dec 31  1969 bin
-r--r--r--  1 root root    11 Dec 31  1969 index.d.ts
-r--r--r--  1 root root   626 Dec 31  1969 index.js
dr-xr-xr-x  2 root root  4096 Dec 31  1969 lib
-r--r--r--  1 root root  1076 Dec 31  1969 LICENSE
dr-xr-xr-x  6 root root  4096 Dec 31  1969 node_modules
-r--r--r--  1 root root   751 Dec 31  1969 package.json
-r--r--r--  1 root root  2952 Dec 31  1969 README.md
dr-xr-xr-x  2 root root  4096 Dec 31  1969 tests
-r--r--r--  1 root root   268 Dec 31  1969 tsconfig.json
-r--r--r--  1 root root 89444 Dec 31  1969 tsconfig.tsbuildinfo

and some package info:

$ head -n 7 /etc/vue-typescript-plugin/package.json
{
	"name": "@vue/language-server",
	"version": "3.2.9",
	"license": "MIT",
	"files": [
		"bin",
		"index.d.ts",

[muttering-oldman]

Hi! Thanks for your config. It worked, but while searching for a config, I came across the Helix documentation, which I had somehow missed before.
There is a minimal Vue config that works.