Provides a server enabling models to better understand Vue applications by exposing the component tree, state, routes, and Pinia data.
If you already use Vue MCP, the vue mcp mcp server is the piece that lets your assistant work with it directly. Provides a server enabling models to better understand Vue applications by exposing the component tree, state, routes, and Pinia data.
[![npm version][npm-version-src]][npm-version-href] [![npm downloads][npm-downloads-src]][npm-downloads-href] [![bundle][bundle-src]][bundle-href] [![License][license-src]][license-href]
The toolset is worth reading before you wire it up, because it tells you what the integration is really for:
Options — /** * Print the MCP server URL in the console * * @default true */ printUrl?: booleanInstallation goes through your MCP client rather than a global install: point it at vite-plugin-vue-mcp on npm and it is fetched when the client starts. The copy-paste blocks for Claude Desktop, Claude Code and Cursor are further down this page.
Among the developer tooling options, the useful question is rarely "what can it do" but "what does it cost you to run" — permissions, credentials, and how much of your context its toolset consumes. Vue MCP's toolset — Options — is a fair guide to whether it matches your workflow. It is maintained by webfansplz; worth a glance at recent repository activity before you build anything load-bearing on it.
SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.
| Tool | What it does |
|---|---|
| Options | /** * Print the MCP server URL in the console * * @default true */ printUrl?: boolean |
{
"mcpServers": {
"vue": {
"command": "npx",
"args": ["-y", "vite-plugin-vue-mcp"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.