suncy-my-npm-test 1.0.47 → 1.0.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suncy-my-npm-test",
-  "version": "1.0.47",
+  "version": "1.0.49",
   "private": false,
   "type": "module",
   "main": "./dist/suncy-my-npm-test.umd.js",
@@ -11,10 +11,12 @@
       "import": "./dist/suncy-my-npm-test.es.js",
       "require": "./dist/suncy-my-npm-test.umd.js"
     },
-    "./dist/*": "./dist/*"
+    "./dist/*": "./dist/*",
+    "./vue2": "./src/vue2-wrapper.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "src/vue2-wrapper.js"
   ],
   "types": "dist/index.d.ts",
   "peerDependencies": {

package/src/vue2-wrapper.js

@@ -0,0 +1,29 @@
+import Vue from 'vue'
+
+// Vue 2 兼容性包装
+export const Vue2Plugin = {
+  install(Vue, options) {
+    // 动态加载 Web Components
+    const script = document.createElement('script')
+    script.src = options.cdnUrl || './my-vue-webcomponents.umd.js'
+    document.head.appendChild(script)
+
+    // 组件加载完成后注册
+    script.onload = () => {
+      // 通过全局变量访问组件
+      if (window.MyWebComponents && window.MyWebComponents.register) {
+        window.MyWebComponents.register()
+      }
+    }
+
+    // 也可以提供 Vue 2 组件版本
+    // Vue.component('MyButton', {
+    //   props: ['type'],
+    //   template: `
+    //     <my-button :type="type" @click="$emit('click')">
+    //       <slot></slot>
+    //     </my-button>
+    //   `,
+    // })
+  },
+}