@page-mcp/vue2 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Page MCP SDK Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,79 @@
+# @page-mcp/vue2
+
+Page MCP SDK 的 Vue 2 适配器。提供 Plugin 和 Mixin。
+
+## 安装
+
+```bash
+npm install @page-mcp/core @page-mcp/vue2
+```
+
+## 使用
+
+### 安装 Plugin
+
+```javascript
+// main.js
+import Vue from 'vue';
+import { PageMcpPlugin } from '@page-mcp/vue2';
+
+Vue.use(PageMcpPlugin, { name: 'my-app', version: '1.0' });
+```
+
+### 方式一：通过 `this.$pageMcp`
+
+```javascript
+export default {
+  methods: {
+    async init() {
+      // 注册工具
+      this.$pageMcp.host.registerTool({
+        name: 'search',
+        description: '搜索',
+        parameters: { type: 'object', properties: { q: { type: 'string' } } },
+        handler: async (args) => this.doSearch(args.q)
+      });
+
+      // 获取工具列表
+      const tools = await this.$pageMcp.client.listTools();
+    }
+  }
+};
+```
+
+### 方式二：组件选项自动注册（推荐）
+
+```javascript
+export default {
+  pageMcpTools: [
+    {
+      name: 'getTableData',
+      description: '获取表格数据',
+      parameters: { type: 'object', properties: {} },
+      handler: async () => store.state.tableData
+    }
+  ],
+
+  pageMcpResources: [
+    {
+      uri: 'page://table/data',
+      name: '表格数据',
+      description: '当前展示的表格数据',
+      handler: async () => ({ rows: store.state.tableData })
+    }
+  ]
+};
+```
+
+## API
+
+| API | 描述 |
+|-----|------|
+| `this.$pageMcp.host` | PageMcpHost 实例 |
+| `this.$pageMcp.client` | PageMcpClient 实例 |
+| `this.$pageMcp.bus` | EventBus 实例 |
+| `pageMcpTools` 选项 | 自动注册的工具数组 |
+| `pageMcpResources` 选项 | 自动注册的资源数组 |
+| `pageMcpSkills` 选项 | 自动注册的技能数组 |
+
+详细文档请参阅 [主 README](../../README.md#vue-2-page-mcpvue2)。

package/dist/index.cjs

@@ -0,0 +1,87 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  EventBus: () => import_core2.EventBus,
+  PageMcpClient: () => import_core2.PageMcpClient,
+  PageMcpHost: () => import_core2.PageMcpHost,
+  PageMcpPlugin: () => PageMcpPlugin,
+  pageMcpMixin: () => pageMcpAutoRegisterMixin
+});
+module.exports = __toCommonJS(index_exports);
+var import_core = require("@page-mcp/core");
+var import_core2 = require("@page-mcp/core");
+var PageMcpPlugin = {
+  install(Vue, options) {
+    const bus = options.bus ?? new import_core.EventBus();
+    const host = new import_core.PageMcpHost({ name: options.name, version: options.version, bus });
+    const client = new import_core.PageMcpClient({ bus });
+    const hostInfo = { name: options.name, version: options.version };
+    host.start();
+    client.connect();
+    const injection = { host, client, bus, hostInfo };
+    Vue.prototype.$pageMcp = injection;
+    Vue.mixin(pageMcpAutoRegisterMixin);
+  }
+};
+var pageMcpAutoRegisterMixin = {
+  created() {
+    const pageMcp = this.$pageMcp;
+    if (!pageMcp) return;
+    const { host } = pageMcp;
+    const tools = this.$options.pageMcpTools;
+    if (tools && Array.isArray(tools)) {
+      for (const tool of tools) {
+        try {
+          host.registerTool(tool);
+        } catch {
+        }
+      }
+    }
+    const resources = this.$options.pageMcpResources;
+    if (resources && Array.isArray(resources)) {
+      for (const resource of resources) {
+        try {
+          host.registerResource(resource);
+        } catch {
+        }
+      }
+    }
+    const skills = this.$options.pageMcpSkills;
+    if (skills && Array.isArray(skills)) {
+      for (const skill of skills) {
+        try {
+          host.registerSkill(skill);
+        } catch {
+        }
+      }
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EventBus,
+  PageMcpClient,
+  PageMcpHost,
+  PageMcpPlugin,
+  pageMcpMixin
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// ============================================================\n// @page-mcp/vue2 — Vue 2 Adapter for Page MCP SDK\n// ============================================================\n\nimport {\n    PageMcpHost,\n    PageMcpClient,\n    EventBus,\n    type ToolDefinition,\n    type ResourceDefinition,\n    type SkillDefinition,\n    type HostInfo,\n} from '@page-mcp/core';\n\n// ------ Types for Vue 2 ------\n\ninterface Vue2ComponentOptions {\n    beforeCreate?: () => void;\n    created?: () => void;\n    beforeDestroy?: () => void;\n    [key: string]: unknown;\n}\n\ninterface Vue2Instance {\n    $pageMcp?: PageMcpInjection;\n    $options: {\n        pageMcpTools?: ToolDefinition[];\n        pageMcpResources?: ResourceDefinition[];\n        pageMcpSkills?: SkillDefinition[];\n        parent?: Vue2Instance;\n        [key: string]: unknown;\n    };\n    $root: Vue2Instance;\n    [key: string]: unknown;\n}\n\ninterface Vue2Constructor {\n    mixin(mixin: Vue2ComponentOptions): void;\n    prototype: Vue2Instance;\n    [key: string]: unknown;\n}\n\ninterface PageMcpInjection {\n    host: PageMcpHost;\n    client: PageMcpClient;\n    bus: EventBus;\n    hostInfo: HostInfo;\n}\n\n// ------ Plugin ------\n\nexport interface PageMcpPluginOptions {\n    name: string;\n    version: string;\n    bus?: EventBus;\n}\n\n/**\n * Vue 2 Plugin. Install globally:\n *\n * ```js\n * import Vue from 'vue';\n * import { PageMcpPlugin } from '@page-mcp/vue2';\n *\n * Vue.use(PageMcpPlugin, { name: 'my-app', version: '1.0' });\n * ```\n *\n * After installation, `this.$pageMcp` is available in all components:\n * - `this.$pageMcp.host` — PageMcpHost instance\n * - `this.$pageMcp.client` — PageMcpClient instance\n * - `this.$pageMcp.bus` — EventBus instance\n */\nexport const PageMcpPlugin = {\n    install(Vue: Vue2Constructor, options: PageMcpPluginOptions): void {\n        const bus = options.bus ?? new EventBus();\n        const host = new PageMcpHost({ name: options.name, version: options.version, bus });\n        const client = new PageMcpClient({ bus });\n        const hostInfo: HostInfo = { name: options.name, version: options.version };\n\n        host.start();\n        client.connect();\n\n        const injection: PageMcpInjection = { host, client, bus, hostInfo };\n\n        // Make $pageMcp available in all components\n        Vue.prototype.$pageMcp = injection;\n\n        // Install the auto-registration mixin\n        Vue.mixin(pageMcpAutoRegisterMixin);\n    },\n};\n\n// ------ Mixin ------\n\n/**\n * Mixin that auto-registers tools/resources/skills defined in component options.\n *\n * ```js\n * export default {\n *   pageMcpTools: [\n *     {\n *       name: 'search',\n *       description: 'Search products',\n *       parameters: { type: 'object', properties: { q: { type: 'string' } } },\n *       handler: async (args) => this.searchProducts(args.q),\n *     }\n *   ],\n *   pageMcpResources: [...],\n *   pageMcpSkills: [...],\n * }\n * ```\n */\nconst pageMcpAutoRegisterMixin: Vue2ComponentOptions = {\n    created(this: Vue2Instance) {\n        const pageMcp = this.$pageMcp;\n        if (!pageMcp) return;\n\n        const { host } = pageMcp;\n\n        // Register tools from component options\n        const tools = this.$options.pageMcpTools;\n        if (tools && Array.isArray(tools)) {\n            for (const tool of tools) {\n                try {\n                    host.registerTool(tool);\n                } catch {\n                    // Already registered\n                }\n            }\n        }\n\n        // Register resources from component options\n        const resources = this.$options.pageMcpResources;\n        if (resources && Array.isArray(resources)) {\n            for (const resource of resources) {\n                try {\n                    host.registerResource(resource);\n                } catch {\n                    // Already registered\n                }\n            }\n        }\n\n        // Register skills from component options\n        const skills = this.$options.pageMcpSkills;\n        if (skills && Array.isArray(skills)) {\n            for (const skill of skills) {\n                try {\n                    host.registerSkill(skill);\n                } catch {\n                    // Already registered\n                }\n            }\n        }\n    },\n};\n\n/**\n * Standalone mixin for manual use (without the plugin).\n * Useful when you want to use the mixin pattern explicitly.\n */\nexport { pageMcpAutoRegisterMixin as pageMcpMixin };\n\n// ------ Re-exports ------\n\nexport {\n    PageMcpHost,\n    PageMcpClient,\n    EventBus,\n} from '@page-mcp/core';\n\nexport type {\n    ToolDefinition,\n    ToolInfo,\n    ResourceDefinition,\n    ResourceInfo,\n    SkillDefinition,\n    SkillInfo,\n    SkillResult,\n    HostInfo,\n} from '@page-mcp/core';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,kBAQO;AAyJP,IAAAA,eAIO;AAjGA,IAAM,gBAAgB;AAAA,EACzB,QAAQ,KAAsB,SAAqC;AAC/D,UAAM,MAAM,QAAQ,OAAO,IAAI,qBAAS;AACxC,UAAM,OAAO,IAAI,wBAAY,EAAE,MAAM,QAAQ,MAAM,SAAS,QAAQ,SAAS,IAAI,CAAC;AAClF,UAAM,SAAS,IAAI,0BAAc,EAAE,IAAI,CAAC;AACxC,UAAM,WAAqB,EAAE,MAAM,QAAQ,MAAM,SAAS,QAAQ,QAAQ;AAE1E,SAAK,MAAM;AACX,WAAO,QAAQ;AAEf,UAAM,YAA8B,EAAE,MAAM,QAAQ,KAAK,SAAS;AAGlE,QAAI,UAAU,WAAW;AAGzB,QAAI,MAAM,wBAAwB;AAAA,EACtC;AACJ;AAsBA,IAAM,2BAAiD;AAAA,EACnD,UAA4B;AACxB,UAAM,UAAU,KAAK;AACrB,QAAI,CAAC,QAAS;AAEd,UAAM,EAAE,KAAK,IAAI;AAGjB,UAAM,QAAQ,KAAK,SAAS;AAC5B,QAAI,SAAS,MAAM,QAAQ,KAAK,GAAG;AAC/B,iBAAW,QAAQ,OAAO;AACtB,YAAI;AACA,eAAK,aAAa,IAAI;AAAA,QAC1B,QAAQ;AAAA,QAER;AAAA,MACJ;AAAA,IACJ;AAGA,UAAM,YAAY,KAAK,SAAS;AAChC,QAAI,aAAa,MAAM,QAAQ,SAAS,GAAG;AACvC,iBAAW,YAAY,WAAW;AAC9B,YAAI;AACA,eAAK,iBAAiB,QAAQ;AAAA,QAClC,QAAQ;AAAA,QAER;AAAA,MACJ;AAAA,IACJ;AAGA,UAAM,SAAS,KAAK,SAAS;AAC7B,QAAI,UAAU,MAAM,QAAQ,MAAM,GAAG;AACjC,iBAAW,SAAS,QAAQ;AACxB,YAAI;AACA,eAAK,cAAc,KAAK;AAAA,QAC5B,QAAQ;AAAA,QAER;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;","names":["import_core"]}

package/dist/index.d.cts

@@ -0,0 +1,76 @@
+import { PageMcpHost, PageMcpClient, EventBus, HostInfo, ToolDefinition, ResourceDefinition, SkillDefinition } from '@page-mcp/core';
+export { EventBus, HostInfo, PageMcpClient, PageMcpHost, ResourceDefinition, ResourceInfo, SkillDefinition, SkillInfo, SkillResult, ToolDefinition, ToolInfo } from '@page-mcp/core';
+
+interface Vue2ComponentOptions {
+    beforeCreate?: () => void;
+    created?: () => void;
+    beforeDestroy?: () => void;
+    [key: string]: unknown;
+}
+interface Vue2Instance {
+    $pageMcp?: PageMcpInjection;
+    $options: {
+        pageMcpTools?: ToolDefinition[];
+        pageMcpResources?: ResourceDefinition[];
+        pageMcpSkills?: SkillDefinition[];
+        parent?: Vue2Instance;
+        [key: string]: unknown;
+    };
+    $root: Vue2Instance;
+    [key: string]: unknown;
+}
+interface Vue2Constructor {
+    mixin(mixin: Vue2ComponentOptions): void;
+    prototype: Vue2Instance;
+    [key: string]: unknown;
+}
+interface PageMcpInjection {
+    host: PageMcpHost;
+    client: PageMcpClient;
+    bus: EventBus;
+    hostInfo: HostInfo;
+}
+interface PageMcpPluginOptions {
+    name: string;
+    version: string;
+    bus?: EventBus;
+}
+/**
+ * Vue 2 Plugin. Install globally:
+ *
+ * ```js
+ * import Vue from 'vue';
+ * import { PageMcpPlugin } from '@page-mcp/vue2';
+ *
+ * Vue.use(PageMcpPlugin, { name: 'my-app', version: '1.0' });
+ * ```
+ *
+ * After installation, `this.$pageMcp` is available in all components:
+ * - `this.$pageMcp.host` — PageMcpHost instance
+ * - `this.$pageMcp.client` — PageMcpClient instance
+ * - `this.$pageMcp.bus` — EventBus instance
+ */
+declare const PageMcpPlugin: {
+    install(Vue: Vue2Constructor, options: PageMcpPluginOptions): void;
+};
+/**
+ * Mixin that auto-registers tools/resources/skills defined in component options.
+ *
+ * ```js
+ * export default {
+ *   pageMcpTools: [
+ *     {
+ *       name: 'search',
+ *       description: 'Search products',
+ *       parameters: { type: 'object', properties: { q: { type: 'string' } } },
+ *       handler: async (args) => this.searchProducts(args.q),
+ *     }
+ *   ],
+ *   pageMcpResources: [...],
+ *   pageMcpSkills: [...],
+ * }
+ * ```
+ */
+declare const pageMcpAutoRegisterMixin: Vue2ComponentOptions;
+
+export { PageMcpPlugin, type PageMcpPluginOptions, pageMcpAutoRegisterMixin as pageMcpMixin };

package/dist/index.d.ts

@@ -0,0 +1,76 @@
+import { PageMcpHost, PageMcpClient, EventBus, HostInfo, ToolDefinition, ResourceDefinition, SkillDefinition } from '@page-mcp/core';
+export { EventBus, HostInfo, PageMcpClient, PageMcpHost, ResourceDefinition, ResourceInfo, SkillDefinition, SkillInfo, SkillResult, ToolDefinition, ToolInfo } from '@page-mcp/core';
+
+interface Vue2ComponentOptions {
+    beforeCreate?: () => void;
+    created?: () => void;
+    beforeDestroy?: () => void;
+    [key: string]: unknown;
+}
+interface Vue2Instance {
+    $pageMcp?: PageMcpInjection;
+    $options: {
+        pageMcpTools?: ToolDefinition[];
+        pageMcpResources?: ResourceDefinition[];
+        pageMcpSkills?: SkillDefinition[];
+        parent?: Vue2Instance;
+        [key: string]: unknown;
+    };
+    $root: Vue2Instance;
+    [key: string]: unknown;
+}
+interface Vue2Constructor {
+    mixin(mixin: Vue2ComponentOptions): void;
+    prototype: Vue2Instance;
+    [key: string]: unknown;
+}
+interface PageMcpInjection {
+    host: PageMcpHost;
+    client: PageMcpClient;
+    bus: EventBus;
+    hostInfo: HostInfo;
+}
+interface PageMcpPluginOptions {
+    name: string;
+    version: string;
+    bus?: EventBus;
+}
+/**
+ * Vue 2 Plugin. Install globally:
+ *
+ * ```js
+ * import Vue from 'vue';
+ * import { PageMcpPlugin } from '@page-mcp/vue2';
+ *
+ * Vue.use(PageMcpPlugin, { name: 'my-app', version: '1.0' });
+ * ```
+ *
+ * After installation, `this.$pageMcp` is available in all components:
+ * - `this.$pageMcp.host` — PageMcpHost instance
+ * - `this.$pageMcp.client` — PageMcpClient instance
+ * - `this.$pageMcp.bus` — EventBus instance
+ */
+declare const PageMcpPlugin: {
+    install(Vue: Vue2Constructor, options: PageMcpPluginOptions): void;
+};
+/**
+ * Mixin that auto-registers tools/resources/skills defined in component options.
+ *
+ * ```js
+ * export default {
+ *   pageMcpTools: [
+ *     {
+ *       name: 'search',
+ *       description: 'Search products',
+ *       parameters: { type: 'object', properties: { q: { type: 'string' } } },
+ *       handler: async (args) => this.searchProducts(args.q),
+ *     }
+ *   ],
+ *   pageMcpResources: [...],
+ *   pageMcpSkills: [...],
+ * }
+ * ```
+ */
+declare const pageMcpAutoRegisterMixin: Vue2ComponentOptions;
+
+export { PageMcpPlugin, type PageMcpPluginOptions, pageMcpAutoRegisterMixin as pageMcpMixin };

package/dist/index.js

@@ -0,0 +1,66 @@
+// src/index.ts
+import {
+  PageMcpHost,
+  PageMcpClient,
+  EventBus
+} from "@page-mcp/core";
+import {
+  PageMcpHost as PageMcpHost2,
+  PageMcpClient as PageMcpClient2,
+  EventBus as EventBus2
+} from "@page-mcp/core";
+var PageMcpPlugin = {
+  install(Vue, options) {
+    const bus = options.bus ?? new EventBus();
+    const host = new PageMcpHost({ name: options.name, version: options.version, bus });
+    const client = new PageMcpClient({ bus });
+    const hostInfo = { name: options.name, version: options.version };
+    host.start();
+    client.connect();
+    const injection = { host, client, bus, hostInfo };
+    Vue.prototype.$pageMcp = injection;
+    Vue.mixin(pageMcpAutoRegisterMixin);
+  }
+};
+var pageMcpAutoRegisterMixin = {
+  created() {
+    const pageMcp = this.$pageMcp;
+    if (!pageMcp) return;
+    const { host } = pageMcp;
+    const tools = this.$options.pageMcpTools;
+    if (tools && Array.isArray(tools)) {
+      for (const tool of tools) {
+        try {
+          host.registerTool(tool);
+        } catch {
+        }
+      }
+    }
+    const resources = this.$options.pageMcpResources;
+    if (resources && Array.isArray(resources)) {
+      for (const resource of resources) {
+        try {
+          host.registerResource(resource);
+        } catch {
+        }
+      }
+    }
+    const skills = this.$options.pageMcpSkills;
+    if (skills && Array.isArray(skills)) {
+      for (const skill of skills) {
+        try {
+          host.registerSkill(skill);
+        } catch {
+        }
+      }
+    }
+  }
+};
+export {
+  EventBus2 as EventBus,
+  PageMcpClient2 as PageMcpClient,
+  PageMcpHost2 as PageMcpHost,
+  PageMcpPlugin,
+  pageMcpAutoRegisterMixin as pageMcpMixin
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// ============================================================\n// @page-mcp/vue2 — Vue 2 Adapter for Page MCP SDK\n// ============================================================\n\nimport {\n    PageMcpHost,\n    PageMcpClient,\n    EventBus,\n    type ToolDefinition,\n    type ResourceDefinition,\n    type SkillDefinition,\n    type HostInfo,\n} from '@page-mcp/core';\n\n// ------ Types for Vue 2 ------\n\ninterface Vue2ComponentOptions {\n    beforeCreate?: () => void;\n    created?: () => void;\n    beforeDestroy?: () => void;\n    [key: string]: unknown;\n}\n\ninterface Vue2Instance {\n    $pageMcp?: PageMcpInjection;\n    $options: {\n        pageMcpTools?: ToolDefinition[];\n        pageMcpResources?: ResourceDefinition[];\n        pageMcpSkills?: SkillDefinition[];\n        parent?: Vue2Instance;\n        [key: string]: unknown;\n    };\n    $root: Vue2Instance;\n    [key: string]: unknown;\n}\n\ninterface Vue2Constructor {\n    mixin(mixin: Vue2ComponentOptions): void;\n    prototype: Vue2Instance;\n    [key: string]: unknown;\n}\n\ninterface PageMcpInjection {\n    host: PageMcpHost;\n    client: PageMcpClient;\n    bus: EventBus;\n    hostInfo: HostInfo;\n}\n\n// ------ Plugin ------\n\nexport interface PageMcpPluginOptions {\n    name: string;\n    version: string;\n    bus?: EventBus;\n}\n\n/**\n * Vue 2 Plugin. Install globally:\n *\n * ```js\n * import Vue from 'vue';\n * import { PageMcpPlugin } from '@page-mcp/vue2';\n *\n * Vue.use(PageMcpPlugin, { name: 'my-app', version: '1.0' });\n * ```\n *\n * After installation, `this.$pageMcp` is available in all components:\n * - `this.$pageMcp.host` — PageMcpHost instance\n * - `this.$pageMcp.client` — PageMcpClient instance\n * - `this.$pageMcp.bus` — EventBus instance\n */\nexport const PageMcpPlugin = {\n    install(Vue: Vue2Constructor, options: PageMcpPluginOptions): void {\n        const bus = options.bus ?? new EventBus();\n        const host = new PageMcpHost({ name: options.name, version: options.version, bus });\n        const client = new PageMcpClient({ bus });\n        const hostInfo: HostInfo = { name: options.name, version: options.version };\n\n        host.start();\n        client.connect();\n\n        const injection: PageMcpInjection = { host, client, bus, hostInfo };\n\n        // Make $pageMcp available in all components\n        Vue.prototype.$pageMcp = injection;\n\n        // Install the auto-registration mixin\n        Vue.mixin(pageMcpAutoRegisterMixin);\n    },\n};\n\n// ------ Mixin ------\n\n/**\n * Mixin that auto-registers tools/resources/skills defined in component options.\n *\n * ```js\n * export default {\n *   pageMcpTools: [\n *     {\n *       name: 'search',\n *       description: 'Search products',\n *       parameters: { type: 'object', properties: { q: { type: 'string' } } },\n *       handler: async (args) => this.searchProducts(args.q),\n *     }\n *   ],\n *   pageMcpResources: [...],\n *   pageMcpSkills: [...],\n * }\n * ```\n */\nconst pageMcpAutoRegisterMixin: Vue2ComponentOptions = {\n    created(this: Vue2Instance) {\n        const pageMcp = this.$pageMcp;\n        if (!pageMcp) return;\n\n        const { host } = pageMcp;\n\n        // Register tools from component options\n        const tools = this.$options.pageMcpTools;\n        if (tools && Array.isArray(tools)) {\n            for (const tool of tools) {\n                try {\n                    host.registerTool(tool);\n                } catch {\n                    // Already registered\n                }\n            }\n        }\n\n        // Register resources from component options\n        const resources = this.$options.pageMcpResources;\n        if (resources && Array.isArray(resources)) {\n            for (const resource of resources) {\n                try {\n                    host.registerResource(resource);\n                } catch {\n                    // Already registered\n                }\n            }\n        }\n\n        // Register skills from component options\n        const skills = this.$options.pageMcpSkills;\n        if (skills && Array.isArray(skills)) {\n            for (const skill of skills) {\n                try {\n                    host.registerSkill(skill);\n                } catch {\n                    // Already registered\n                }\n            }\n        }\n    },\n};\n\n/**\n * Standalone mixin for manual use (without the plugin).\n * Useful when you want to use the mixin pattern explicitly.\n */\nexport { pageMcpAutoRegisterMixin as pageMcpMixin };\n\n// ------ Re-exports ------\n\nexport {\n    PageMcpHost,\n    PageMcpClient,\n    EventBus,\n} from '@page-mcp/core';\n\nexport type {\n    ToolDefinition,\n    ToolInfo,\n    ResourceDefinition,\n    ResourceInfo,\n    SkillDefinition,\n    SkillInfo,\n    SkillResult,\n    HostInfo,\n} from '@page-mcp/core';\n"],"mappings":";AAIA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OAKG;AAyJP;AAAA,EACI,eAAAA;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,OACG;AAjGA,IAAM,gBAAgB;AAAA,EACzB,QAAQ,KAAsB,SAAqC;AAC/D,UAAM,MAAM,QAAQ,OAAO,IAAI,SAAS;AACxC,UAAM,OAAO,IAAI,YAAY,EAAE,MAAM,QAAQ,MAAM,SAAS,QAAQ,SAAS,IAAI,CAAC;AAClF,UAAM,SAAS,IAAI,cAAc,EAAE,IAAI,CAAC;AACxC,UAAM,WAAqB,EAAE,MAAM,QAAQ,MAAM,SAAS,QAAQ,QAAQ;AAE1E,SAAK,MAAM;AACX,WAAO,QAAQ;AAEf,UAAM,YAA8B,EAAE,MAAM,QAAQ,KAAK,SAAS;AAGlE,QAAI,UAAU,WAAW;AAGzB,QAAI,MAAM,wBAAwB;AAAA,EACtC;AACJ;AAsBA,IAAM,2BAAiD;AAAA,EACnD,UAA4B;AACxB,UAAM,UAAU,KAAK;AACrB,QAAI,CAAC,QAAS;AAEd,UAAM,EAAE,KAAK,IAAI;AAGjB,UAAM,QAAQ,KAAK,SAAS;AAC5B,QAAI,SAAS,MAAM,QAAQ,KAAK,GAAG;AAC/B,iBAAW,QAAQ,OAAO;AACtB,YAAI;AACA,eAAK,aAAa,IAAI;AAAA,QAC1B,QAAQ;AAAA,QAER;AAAA,MACJ;AAAA,IACJ;AAGA,UAAM,YAAY,KAAK,SAAS;AAChC,QAAI,aAAa,MAAM,QAAQ,SAAS,GAAG;AACvC,iBAAW,YAAY,WAAW;AAC9B,YAAI;AACA,eAAK,iBAAiB,QAAQ;AAAA,QAClC,QAAQ;AAAA,QAER;AAAA,MACJ;AAAA,IACJ;AAGA,UAAM,SAAS,KAAK,SAAS;AAC7B,QAAI,UAAU,MAAM,QAAQ,MAAM,GAAG;AACjC,iBAAW,SAAS,QAAQ;AACxB,YAAI;AACA,eAAK,cAAc,KAAK;AAAA,QAC5B,QAAQ;AAAA,QAER;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;","names":["PageMcpHost","PageMcpClient","EventBus"]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@page-mcp/vue2",
+  "version": "1.0.0",
+  "description": "Vue 2 adapter for Page MCP SDK — Plugin + Mixin",
+  "license": "MIT",
+  "keywords": [
+    "mcp",
+    "page-mcp",
+    "vue",
+    "vue2",
+    "ai",
+    "llm"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "vue": ">=2.6.0 <3.0.0",
+    "@page-mcp/core": "^1.0.0"
+  },
+  "devDependencies": {
+    "vue": "^2.7.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0",
+    "@page-mcp/core": "^1.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit"
+  }
+}