[Question]: How to enable vitepress support with LSP alone.

[RayGuo-ergou]

It seems in #4321, the only way to enable vitepress is through config vscode extension, e.g. option additionalExtensions is removed. ( I might be wrong )

So my question is currently is there a way to enable with LSP alone if I config vue LSP to attach to markdown files? Tried the steps in the PR description without vscode step as I am not using it, but does not work.

[johnsoncodehk]

Setting vue.server.includeLanguages ​​in VSCode has two purposes:

1. Add markdown to the languages ​​of TS plugin:

   language-tools/extensions/vscode/src/nodeClientMain.ts

   Line 154 in 923f835

   `e.name==='typescript-vue-plugin-bundle'?[${config.server.includeLanguages.map(lang => `"${lang}"`).join(',')}]`,

2. Add markdown to LanguageClientOptions.documentSelector of LanguageClient:

   language-tools/extensions/vscode/src/common.ts

   Lines 217 to 222 in 923f835

   	const selectors = config.server.includeLanguages;
   	client = createLc(
   	'vue',
   	'Vue',
   	selectors,

If you only use LSP (without hybrid mode), step 1 is not required.

[RayGuo-ergou]

Thanks for the reply!

However, "with LSP alone" what I mean by that is enable vitepress support in other editors e.g. neovim. It seems for now only vscode is supported as there's no option I can pass to LSP for enabling vitepress support?

[johnsoncodehk]

there's no option I can pass to LSP

Do you mean passing to @vue/language-server or LanguageClientOptions in VSCode?

VitePress supports no need to pass options to @vue/language-server, all settings occur in tsconfig, LanguageClientOptions, TS plugin option.

btw we have a maintainers group on discord, if you want to join please message me on discord, my discord ID is #johnsoncodehk.

[RayGuo-ergou]

Oh I see! the missing part was I did not add markdown file type to ts plugin and tsserver, I got it working now. Thanks!

btw we have a maintainers group on discord, if you want to join please message me on discord, my discord ID is #johnsoncodehk.

Thanks! I have sent you friend request on discord :)

[sharpchen]

@RayGuo-ergou Mind sharing your config? I am struggling with this; I did a little search on your dotfile repo but failed to find it. Does this require a tsconfig.json?(I don't have one)

With the following config, volar can attach to markdown but no intellisense provided

require('lspconfig').ts_ls.setup({
  init_options = {
    plugins = {
      {
        name = '@vue/typescript-plugin',
        location = vim.fs.joinpath(
          vim.fs.dirname(vim.fs.dirname(vim.fn.system('echo -n $(readlink -f $(which vue-language-server))'))),
          'lib/node_modules/@vue/language-server'
        ),
        languages = { 'vue', 'markdown' },
      },
    },
  },
  filetypes = { 'typescript', 'javascript', 'javascriptreact', 'typescriptreact', 'vue' },
})

require('lspconfig').volar.setup({
  filetypes = { 'markdown' },
})

[RayGuo-ergou]

Hi @sharpchen , yes you do need to config tsconfig.json to make it work. see #4321 usage section. Btw you have to add markdown to ts_ls's filetypes and you need to add vue to volar's filetypes as it's override not merge.

[sharpchen]

Thanks, just made it work!