💚

Vue LSP MCP MCP Server

Vue.js language server for Single File Component editing and Vue 3 Composition API.

vuevuejsfrontendjavascript

About

## Vue LSP MCP Server: Vue.js Development with Volar The **Vue LSP MCP Server** integrates Volar into Google Antigravity, providing complete Vue.js and Nuxt development support with TypeScript integration and Single File Component editing. ### Why Vue LSP MCP? Vue.js offers progressive JavaScript frameworks. The Vue LSP MCP provides: - **SFC Support**: Single File Component editing - **TypeScript**: Full type checking in templates - **Composition API**: Vue 3 features - **Nuxt**: Framework integration ### Key Features #### 1. Template Intelligence Vue template support: - Directive completion - Component props - Event handlers - Slot content #### 2. Script Support Full JavaScript/TypeScript: - Composition API - Options API - Script setup - Reactive refs #### 3. Style Support CSS in SFCs: - Scoped styles - CSS modules - Preprocessors - Tailwind integration ### Configuration ```json { "mcpServers": { "vue-lsp": { "command": "vue-language-server", "args": ["--stdio", "--mcp"] } } } ``` The Vue LSP MCP enables productive Vue.js development with full TypeScript support.

Installation

Configuration

{
  "mcpServers": {
    "vue-lsp": {}
  }
}

How to Use

Related MCP Servers

🧰

Toolhouse MCP

Universal AI tool platform that equips your AI with production-ready capabilities. Execute code, browse the web, manage files, send emails, and more through a unified MCP interface.

🔨

Smithery Registry MCP

The MCP server registry and discovery platform. Browse, search, and install MCP servers from the community. Find the perfect integrations for your AI development workflow.

🔍

MCP Inspector

Official debugging and testing tool for MCP servers. Inspect server capabilities, test tool calls, validate responses, and debug protocol communication in real-time.

← Back to All MCP Servers

💚