webfansplz/vite-plugin-vue-mcp
Vite plugin that enables a MCP server helping models to understand your Vue app better.
Overview
webfansplz/vite-plugin-vue-mcp is a Vue MCP server licensed under MIT. Vite plugin that enables a MCP server helping models to understand your Vue app better.
Ranked #3325 out of 25632 indexed tools.
Used by 35 other projects.
Ecosystem
Vue MIT
Signal Breakdown
Stars 551
Freshness 11mo ago
Issue Health 26%
Contributors 3
Dependents 35
Forks 32
Description Good
License MIT
How to Improve
Description low impact
Freshness high impact
Issue Health high impact
Badge
[](https://agentrank-ai.com/tool/webfansplz--vite-plugin-vue-mcp) <a href="https://agentrank-ai.com/tool/webfansplz--vite-plugin-vue-mcp"><img src="https://agentrank-ai.com/api/badge/tool/webfansplz--vite-plugin-vue-mcp" alt="AgentRank"></a> Matched Queries
From the README
# vite-plugin-vue-mcp
[![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]
Vite plugin that enables a MCP server for your Vue app to provide information about the component tree, state, routes, and pinia tree and state.
## Installation 📦
```bash
pnpm install vite-plugin-vue-mcp -D
```
## Usage 🔨
```ts
// vite.config.ts
import { VueMcp } from 'vite-plugin-vue-mcp'
export default defineConfig({
plugins: [VueMcp()],
})
```
Then the MCP server will be available at `http://localhost:[port]/__mcp/sse`.
If you are using Cursor, create a `.cursor/mcp.json` file in your project root, this plugin will automatically update it for you. For more details about the MCP, check the [official Cursor documentation](https://docs.cursor.com/context/model-context-protocol).
### Options
```ts
export interface VueMcpOptions {
/**
* The host to listen on, def Read full README on GitHub →
Are you the maintainer? Claim this listing