vite-plugin-vue-mcp
If you are the rightful owner of vite-plugin-vue-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.
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.
The vite-plugin-vue-mcp is a Vite plugin designed to enhance Vue applications by enabling a Model Context Protocol (MCP) server. This server provides detailed insights into the component tree, state, routes, and Pinia state management. By integrating this plugin, developers can easily access and manipulate the internal structure and state of their Vue applications, facilitating debugging and development processes. The plugin is particularly useful for those using the Cursor tool, as it automatically updates the MCP configuration file. It offers a range of customizable options, allowing developers to tailor the server's behavior to their specific needs, such as setting the host, customizing the server path, and more.
Features
- Get Component Tree: Retrieve the Vue component tree.
- Get Component State: Access the state of a specific component.
- Edit Component State: Modify the state of a component.
- Highlight Component: Highlight a specific component in the application.
- Get Routes: Retrieve information about the Vue router.
