{"_id":"@cgaspard/webappmcp-vue","name":"@cgaspard/webappmcp-vue","dist-tags":{"latest":"0.1.6"},"versions":{"0.1.6":{"name":"@cgaspard/webappmcp-vue","version":"0.1.6","description":"Vue.js plugin for WebApp MCP - adds Vue Router tools and Vue-specific functionality","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","clean":"rm -rf dist","test":"jest","test:watch":"jest --watch","test:coverage":"jest --coverage","prepare":"npm run build"},"keywords":["mcp","webappmcp","vue","vue-router","plugin"],"author":{"name":"cgaspard"},"license":"MIT","peerDependencies":{"@cgaspard/webappmcp":">=0.1.5"},"devDependencies":{"@types/node":"^20.0.0","@types/jest":"^29.5.0","jest":"^29.5.0","ts-jest":"^29.1.0","typescript":"^5.0.0"},"_id":"@cgaspard/webappmcp-vue@0.1.6","gitHead":"1cd477c1de3d446ee283ba7674ce6f790ecd7973","_nodeVersion":"22.14.0","_npmVersion":"11.4.1","dist":{"integrity":"sha512-UOOqt7fcltsjNalWtqml4Ba5wNZ/VcZ+ORUOl5QOQwv7C3lkrIVqdusOkTvgwJ/g9oQHl2Qk2e3SRkQoM04yUQ==","shasum":"f91e5e67c922f3b73aa0725fba478da06661a87b","tarball":"https://registry.npmjs.org/@cgaspard/webappmcp-vue/-/webappmcp-vue-0.1.6.tgz","fileCount":5,"unpackedSize":16966,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICz/lObNV1C+sO3FcnS5dV4j9UfP2Bjs+YLZx2TE1/jPAiEAmddPJYkgwFpXjgigy2W62kuOailaYQR7VaWD3kQiavc="}]},"_npmUser":{"name":"cgaspard","email":"cgaspard@gmail.com"},"directories":{},"maintainers":[{"name":"cgaspard","email":"cgaspard@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/webappmcp-vue_0.1.6_1753816406104_0.09544209691211059"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-29T19:13:26.024Z","0.1.6":"2025-07-29T19:13:26.288Z","modified":"2025-07-29T19:13:26.540Z"},"maintainers":[{"name":"cgaspard","email":"cgaspard@gmail.com"}],"description":"Vue.js plugin for WebApp MCP - adds Vue Router tools and Vue-specific functionality","keywords":["mcp","webappmcp","vue","vue-router","plugin"],"author":{"name":"cgaspard"},"license":"MIT","readme":"# @cgaspard/webappmcp-vue\n\nVue.js plugin for WebApp MCP that provides Vue Router tools and Vue-specific functionality.\n\n## Installation\n\n```bash\nnpm install @cgaspard/webappmcp @cgaspard/webappmcp-vue\n```\n\n## Usage\n\nAdd the Vue plugin to your WebApp MCP configuration:\n\n```javascript\nconst { webappMCP } = require('@cgaspard/webappmcp');\nconst vuePlugin = require('@cgaspard/webappmcp-vue').default;\n\napp.use(webappMCP({\n  wsPort: 4835,\n  transport: 'sse',\n  plugins: [vuePlugin]\n}));\n```\n\n## Available Tools\n\n### vue_get_current_route\nGet the current route information from Vue Router.\n\n```javascript\n// Returns current route details\n{\n  type: 'vue3',\n  path: '/users/123',\n  name: 'user-detail',\n  params: { id: '123' },\n  query: { tab: 'profile' },\n  fullPath: '/users/123?tab=profile',\n  meta: {},\n  matched: [{ path: '/users', name: 'users' }, { path: '/users/:id', name: 'user-detail' }]\n}\n```\n\n### vue_navigate\nNavigate to a different route using Vue Router.\n\n```javascript\n// Navigate by path\n{\n  path: '/products',\n  query: { category: 'electronics' }\n}\n\n// Navigate by name\n{\n  name: 'product-list',\n  params: { category: 'electronics' }\n}\n\n// Replace current entry\n{\n  path: '/login',\n  replace: true\n}\n```\n\n### vue_list_routes\nList all available routes in Vue Router.\n\n```javascript\n// Returns all route definitions\n{\n  type: 'vue3',\n  routes: [\n    {\n      path: '/',\n      name: 'home',\n      component: 'HomeView',\n      meta: {},\n      props: false,\n      beforeEnter: false\n    },\n    // ... more routes\n  ],\n  count: 10\n}\n```\n\n### vue_get_component_tree\nGet the Vue component tree (Vue 2 only, Vue 3 requires DevTools).\n\n```javascript\n// Returns component hierarchy\n{\n  type: 'vue2',\n  tree: {\n    name: 'App',\n    props: [],\n    data: ['user', 'isLoading'],\n    computed: ['isAuthenticated'],\n    children: [\n      {\n        name: 'Header',\n        props: ['user'],\n        data: [],\n        computed: [],\n        children: []\n      }\n    ]\n  }\n}\n```\n\n## Features\n\n- **Automatic Vue version detection**: Works with both Vue 2 and Vue 3\n- **Route change monitoring**: Tracks navigation events in DevTools\n- **No configuration needed**: Just add the plugin and it works\n- **TypeScript support**: Fully typed for better development experience\n\n## Client-Side Extensions\n\nThe plugin automatically injects client-side code that:\n- Monitors route changes and logs them to DevTools\n- Provides helper functions for Vue-specific operations\n- Sets up communication between the MCP server and Vue application\n\n## Compatibility\n\n- Vue 2.x with Vue Router 3.x\n- Vue 3.x with Vue Router 4.x\n- Works with Nuxt.js applications\n\n## License\n\nMIT","readmeFilename":"README.md","_rev":"1-66d1395c7597508664a7530e6adbc8ab"}