Back to the catalog

vue-lsp

Vue 3 LSP plugin for Claude Code. Combines vue-language-server (Volar v3) with typescript-language-server into a single LSP server, providin

Open source Repository Open in the app JSON README (API)

About

Vue 3 LSP plugin for Claude Code. Combines vue-language-server (Volar v3) with typescript-language-server into a single LSP server, providing full TypeScript intelligence for .vue files — hover, go-to-definition, references, document symbols, call hierarchy, diagnostics, completions, and rename.

Details

Kind
Plugins
Topic
Developer tools
Publisher
popov-do
Origin
marketplace
Category
ferramentas
Stars
1
Forks
1
Last push
2026-04-21T00:09:00Z
Repository state
ativo
Language
JavaScript
License
MIT
Added
2026-08-30 01:48:58
Updated
2026-08-30 01:48:58
Origin id
popov-do/vue-lsp/vue-lsp

README

# vue-lsp

Vue 3 LSP plugin for Claude Code.

Combines **vue-language-server** (Volar v3) with **typescript-language-server** into a single LSP server, giving Claude Code full Vue + TypeScript intelligence for `.vue` files.

## Install

```bash
# 1. Install the server (one command installs all dependencies)
npm install -g github:popov-do/vue-lsp

# 2. Add plugin to Claude Code
/plugin marketplace add popov-do/vue-lsp
/plugin install vue-lsp@vue-lsp --scope project
/reload-plugins
```

## Features

| Operation | Source |
|-----------|--------|
| Hover (type info) | typescript-language-server |
| Go to Definition | typescript-language-server |
| Find References | typescript-language-server |
| Document Symbols | vue-language-server (full SFC hierarchy) |
| Call Hierarchy | typescript-language-server |
| Diagnostics | Both servers |
| Completions | typescript-language-server |
| Rename | typescript-language-server |

## How it works

```
Claude Code <--stdio--> [vue-lsp-server] <--stdio--> vue-language-server (Vue/SFC)
                              |
                              +--------stdio--------> typescript-language-server (TypeScript)
```

1. **vue-language-server** handles SFC parsing, template analysis, Vue-specific diagnostics
2. **typescript-language-server** (with `@vue/typescript-plugin`) provides TypeScript intelligence
3. TS-heavy requests go to vue-ls first; if empty, fall back to ts-ls
4. `tsserver/request` notifications are proxied to ts-ls via `workspace/executeCommand`

## Testing

```bash
npm test                    # 78 unit tests (vitest, 100% coverage)
node test.js [project-dir]  # 17 integration tests
```

## Debug

Set `VUE_LSP_DEBUG=1` for verbose logging to `/tmp/vue-lsp.log`.

## License

MIT

More