Neovim LSP configuration for vue_ls and vtsls

[Shikage5]

I have followed the official lspconfig-all to have lsp support for vue 3 in my neovim configuration.
Im using the newest syntax for neovim 0.11.3 like this:
in my general init.lua :

vim.lsp.enable({'jdtls', 'lua_ls', 'vue_ls', 'vtsls'})

and in ~/.config/nvim/lsp/vtsls.lua :

-- If you are using mason.nvim, you can get the ts_plugin_path like this
-- For Mason v1,
-- local mason_registry = require('mason-registry')
-- local vue_language_server_path = mason_registry.get_package('vue-language-server'):get_install_path() .. '/node_modules/@vue/language-server'
-- For Mason v2,
-- local vue_language_server_path = vim.fn.expand '$MASON/packages' .. '/vue-language-server' .. '/node_modules/@vue/language-server'
-- or even
local vue_language_server_path = vim.fn.stdpath('data') .. "/mason/packages/vue-language-server/node_modules/@vue/language-server"
local vue_plugin = {
    name = '@vue/typescript-plugin',
    location = vue_language_server_path,
    languages = { 'vue' },
    configNamespace = 'typescript',
}
vim.lsp.config('vtsls', {
    settings = {
        vtsls = {
            tsserver = {
                globalPlugins = {
                    vue_plugin,
                },
            },
        },
    },
    filetypes = { 'typescript', 'javascript', 'javascriptreact', 'typescriptreact', 'vue' },
})

(copied just like that from lspconfig-all )
I have installed both vue_ls and vtsls with mason.
When i open a .vue file the LspInfo shows that no LSPs are attached on buffer, both LSP exists under Enabled Configurations:?

- vtsls:
  - capabilities: {
      textDocument = {
        completion = {
          completionItem = {
            commitCharactersSupport = false,
            deprecatedSupport = true,
            documentationFormat = { "markdown", "plaintext" },
            insertReplaceSupport = true,
            insertTextModeSupport = {
              valueSet = { 1 }
            },
            labelDetailsSupport = true,
            preselectSupport = false,
            resolveSupport = {
              properties = { "documentation", "detail", "additionalTextEdits", "command", "data" }
            },
            snippetSupport = true,
            tagSupport = {
              valueSet = { 1 }
            }
          },
          completionList = {
            itemDefaults = { "commitCharacters", "editRange", "insertTextFormat", "insertTextMode", "data" }
          },
          contextSupport = true,
          insertTextMode = 1
        }
      }
    }
  - cmd: { "vtsls", "--stdio" }
  - filetypes: typescript, javascript, javascriptreact, typescriptreact, vue
  - root_dir: <function @/home/username/.local/share/nvim/lazy/nvim-lspconfig/lsp/vtsls.lua:79>
  - settings: {
      vtsls = {
        tsserver = {
          globalPlugins = { {
              configNamespace = "typescript",
              languages = { "vue" },
              location = "/home/username/.local/share/nvim/mason/packages/vue-language-server/node_modules/@vue/language-server",
              name = "@vue/typescript-plugin"
            } }
        }
      }
    }

- vue_ls:
  - capabilities: {
      textDocument = {
        completion = {
          completionItem = {
            commitCharactersSupport = false,
            deprecatedSupport = true,
            documentationFormat = { "markdown", "plaintext" },
            insertReplaceSupport = true,
            insertTextModeSupport = {
              valueSet = { 1 }
            },
            labelDetailsSupport = true,
            preselectSupport = false,
            resolveSupport = {
              properties = { "documentation", "detail", "additionalTextEdits", "command", "data" }
            },
            snippetSupport = true,
            tagSupport = {
              valueSet = { 1 }
            }
          },
          completionList = {
            itemDefaults = { "commitCharacters", "editRange", "insertTextFormat", "insertTextMode", "data" }
          },
          contextSupport = true,
          insertTextMode = 1
        }
      }
    }
  - cmd: { "vue-language-server", "--stdio" }
  - filetypes: vue
  - on_init: <function @/home/username/.local/share/nvim/lazy/nvim-lspconfig/lsp/vue_ls.lua:26>
  - root_markers: package.json

I have neovim/nvim-lspconfig as a plugin and i use Lazy plugin manager. the rest are nvim defaults. Other lsp work, like jdtls

[coffebar]

This didn't work on my config, only this worked:

-- Vue Language Server 3.x configuration with ts_ls
-- Setup ts_ls for TypeScript/JavaScript with Vue support
lspconfig.ts_ls.setup({
  init_options = {
    plugins = {
      {
        name = "@vue/typescript-plugin",
        location = vim.fn.expand("~/.local/share/pnpm/global/5/node_modules/@vue/typescript-plugin"),
        languages = { "vue" },
      },
    },
  },
  filetypes = {
    "javascript",
    "javascriptreact",
    "javascript.jsx",
    "typescript",
    "typescriptreact",
    "typescript.tsx",
    "vue",
  },
})

-- Setup volar for Vue files
-- Disable TypeScript features in volar since ts_ls handles them
lspconfig.volar.setup({
  filetypes = { "vue" },
  init_options = {
    typescript = {
      tsdk = vim.fn.expand("~/.local/share/pnpm/global/5/node_modules/typescript/lib/"),
    },
  },
  on_attach = function(client, _)
    -- Define which capabilities are Vue-specific and should remain enabled
    -- To maintain this list use https://gist.github.com/coffebar/59d7496c9735547bacb28059708ff0fd
    local vue_only = {
      colorProvider = true,
      documentLinkProvider = true,
      documentOnTypeFormattingProvider = true,
      experimental = true,
      linkedEditingRangeProvider = true,
      textDocumentSync = true,
      workspace = true,
    }
    -- Disable all capabilities except those in the whitelist
    for capability, _ in pairs(client.server_capabilities) do
      if not vue_only[capability] then
        client.server_capabilities[capability] = false
      end
    end
  end,
})

[LamprosPitsillos]

This config is using deprecated syntax and Lsp unfortunately.

Volar is renamed to vue_ls , and the syntax to config lsp now is vim.lsp.config()/ vim.lsp.enable()

[Shikage5]

I would like to do my config the way its supposed to be done for neovim V0.11+, with vim.lsp.config()/ vim.lsp.enable() as @LamprosPitsillos mentioned. Still haven't found out a way to make it work

[LamprosPitsillos]

#5620

Might want to keep an eye on this issue i made

[RayGuo-ergou]

There's not enough information for me to troubleshoot this issue, if it's enabled but not attached can you first check with LspLog see if anything crashed the lsps?

[RayGuo-ergou]

you have to enable the lsp with `vim.lsp.enable({ "vtsls", "vue_ls" })`

nvim-lspconfig does not auto start for you.

And you should return a table rather than calling vim.config under lsp folder. see https://neovim.io/doc/user/lsp.html#lsp-config

[Shikage5]

i do enable it under lua/shikage/init.lua in the last line, with jtdls and luals. I tried returning a table in lsp/vtsls.lua but the result was the same.

Does the problem relate to how vim internaly references the lsp folder? Do i have to change where the vim.lsp.enable is called?
My jtdls lsp works just fine how it is configured, and i dont return a table, i do vim.lsp.config under the lsp folder...
I also tried doing vim.lsp.config and vim.lsp.enable in the init.lua file without any file in the lsp directory, and it still didnt work

[RayGuo-ergou]

When you call lsp enable it creates an autocmd on 'Filetype'. Thus when you call it in init.lua it likely only get the config in your lsp folder. The reason why your config works without return table is because the file is executed but I still recommend you to use things properly. Try call lsp enable inside nvim lspconfig and in that way I think you can even delete jdtls.lua as it should setup via nvim lspconfig.

[Shikage5]

Okay so i solved somehow my problem. I downgraded my neovim version to the latest stable release 0.11.4 . I had 0.12.0-dev somehow. Im not sure 100% if that was the problem, but it works for now.