MCP.so
Sign In

vite-plugin-vue-mcp

@webfansplz

Repository

About vite-plugin-vue-mcp

Vite plugin that enables a MCP server helping models to understand your Vue app better.

Config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is vite-plugin-vue-mcp?

A Vite plugin that provides a Model Context Protocol (MCP) server for Vue applications, exposing the component tree, component state, Vue Router routes, Pinia store tree, and Pinia state. Designed for Vue developers using AI-assisted coding tools like Cursor.

How to use vite-plugin-vue-mcp?

Install the package with pnpm install vite-plugin-vue-mcp -D. Then add VueMcp() to the plugins array in vite.config.ts. After starting the Vite dev server, the MCP server listens at http://localhost:[port]/__mcp/sse. For Cursor, the plugin can automatically update the .cursor/mcp.json configuration.

Key features of vite-plugin-vue-mcp

  • Retrieve the Vue component tree
  • Read component state by name
  • Edit component state at a specific path
  • Highlight a component in the browser
  • Get Vue Router route information
  • Retrieve the Pinia store tree
  • Read individual Pinia store state

Use cases of vite-plugin-vue-mcp

  • Debugging component hierarchy and state during development
  • Modifying component state live via AI assistant
  • Navigating and inspecting Vue Router routes
  • Exploring and debugging Pinia stores
  • Enhancing AI‑powered code editors with live Vue app data

FAQ from vite-plugin-vue-mcp

Do I need my Vue application to be running to use the MCP tools?

Yes. The README states: “Please ensure the application is running in your browser before using the features.”

Can I provide a custom MCP server instead of the built‑in tools?

Yes. The mcpServer option lets you supply a completely custom MCP server; when provided, the built‑in tools are ignored.

How does vite-plugin-vue-mcp integrate with Cursor?

The plugin can automatically write or update the .cursor/mcp.json file with the MCP server URL. This behavior is enabled by default when a .cursor folder exists.

What is the default endpoint of the MCP server?

The MCP server is exposed at http://localhost:[port]/__mcp/sse.

What are the required dependencies?

Only vite-plugin-vue-mcp installed as a dev dependency is required. It integrates directly into the Vite dev server.

Frequently asked questions

Do I need my Vue application to be running to use the MCP tools?

Yes. The README states: “Please ensure the application is running in your browser before using the features.”

Can I provide a custom MCP server instead of the built‑in tools?

Yes. The `mcpServer` option lets you supply a completely custom MCP server; when provided, the built‑in tools are ignored.

How does vite-plugin-vue-mcp integrate with Cursor?

The plugin can automatically write or update the `.cursor/mcp.json` file with the MCP server URL. This behavior is enabled by default when a `.cursor` folder exists.

What is the default endpoint of the MCP server?

The MCP server is exposed at `http://localhost:[port]/__mcp/sse`.

What are the required dependencies?

Only `vite-plugin-vue-mcp` installed as a dev dependency is required. It integrates directly into the Vite dev server.

Comments

Basic information

Category

Developer Tools

License

MIT

Transports

stdio

Author

webfansplz

More Developer Tools MCP servers

ship.page

Bitgate

Throw HTML at an API, get an unguessable URL back. Zero-config remote MCP server — your agent deploys pages, sites and CI reports in one call. Free, no signup needed.

discoverGPT

Joe Monastiero

discoverGPT is visualAI's unified MCP gateway for AI commerce, exposing 29 tools across four capabilities on one canonical product catalog: trimodal search (natural-language, precise-color, and image-similarity), AI cata

CircleCI MCP Server

CircleCI

Manage CI/CD pipelines, debug failed builds, and optimize test suites directly from your AI agents - no terminal required. The CircleCI MCP Server is a remote server hosted by CircleCI that connects AI tools and agents

Codex Pets

astandrik

Public read-only MCP server for discovering, inspecting, installing, and sharing approved Codex-compatible animated pet packs.

Reelier

Maxime Houle

Agents make claims. Reelier writes receipts — record an agent's tool-call workflow once, replay it deterministically at 0 tokens, and diff runs to catch drift.