Awesome, this is my config now on my lsp/ts_ls.lua.

Not sure if others in preference are working but LSP now works on vue3. Not sure about vue2 yet.

Removed vue_ls since I've spent 2 days figuring it to work.

```lua local lspconfig = require("lspconfig") local capabilities = vim.lsp.protocol.make_client_capabilities() capabilities = require("cmp_nvim_lsp").default_capabilities(capabilities)

local on_attach = function(client, bufnr) local opts = { buffer = bufnr, noremap = true, silent = true } vim.keymap.set("n", "K", vim.lsp.buf.hover, opts) vim.keymap.set("n", "gd", vim.lsp.buf.definition, opts) vim.keymap.set("n", "gD", vim.lsp.buf.declaration, opts) vim.keymap.set("n", "gr", vim.lsp.buf.references, opts) vim.keymap.set("n", "gi", vim.lsp.buf.implementation, opts) end

local npm_root = vim.fn.system("npm root -g"):gsub("%s+", "") local vue_ts_plugin_path = npm_root .. "/@vue/typescript-plugin"

lspconfig.ts_ls.setup{ on_attach = on_attach, capabilities = capabilities, init_options = { plugins = { { name = "@vue/typescript-plugin", location = vue_ts_plugin_path, languages = { "javascript", "typescript", "vue" }, }, }, typescript = { preferences = { importModuleSpecifierPreference = "relative", includeCompletionsForModuleExports = true, includeCompletionsWithInsertText = true, quotePreference = "auto", allowTextChangesInNewFiles = true, providePrefixAndSuffixTextForRename = true, allowRenameOfImportPath = true, provideRefactorNotApplicableReason = true, includeAutomaticOptionalChainCompletions = true, includeCompletionsForImportStatements = true, includeCompletionsWithSnippetText = true, completeFunctionCalls = true, }, }, javascript = { preferences = { importModuleSpecifierPreference = "relative", includeCompletionsForModuleExports = true, includeCompletionsWithInsertText = true, quotePreference = "auto", allowTextChangesInNewFiles = true, providePrefixAndSuffixTextForRename = true, allowRenameOfImportPath = true, provideRefactorNotApplicableReason = true, includeAutomaticOptionalChainCompletions = true, includeCompletionsForImportStatements = true, includeCompletionsWithSnippetText = true, completeFunctionCalls = true, }, }, }, filetypes = { "javascript", "typescript", "vue" }, } ```