piral-vue-3 1.7.0-beta.7497 → 1.7.0-beta.7498

package/lib/converter.js

@@ -11,12 +11,12 @@ export function createConverter(config = {}) {
             middlewares.forEach((middleware) => middleware(app));
             app.component(selector, createExtension(rootName));
             app.mount(el);
-            !app._props && (app._props = {});
             locals.instance = app;
         },
         update(parent, data, ctx, locals) {
+            const appInstance = locals.instance._instance;
             for (const prop in data) {
-                locals.instance._props[prop] = data[prop];
+                appInstance.props[prop] = data[prop];
             }
         },
         unmount(parent, locals) {

package/lib/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAoBnC,MAAM,UAAU,eAAe,CAAC,SAA+B,EAAE;IAC/D,MAAM,EAAE,QAAQ,GAAG,YAAY,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC;IAC7E,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAiC,EAAE,CAAC;IACrD,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAiB;YACxC,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;YAChE,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;YAChD,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;YACrD,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACd,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;YACjC,MAAM,CAAC,QAAQ,GAAG,GAAG,CAAC;QACxB,CAAC;QACD,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAiB;YACzC,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;gBACvB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;aAC3C;QACH,CAAC;QACD,OAAO,CAAC,MAAM,EAAE,MAAiB;YAC/B,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC1B,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YACtB,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC9B,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,gBAAgB,GAAG,CAAC,UAAiC,EAAE,EAAE;QAC/D,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;YACrC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAoBnC,MAAM,UAAU,eAAe,CAAC,SAA+B,EAAE;IAC/D,MAAM,EAAE,QAAQ,GAAG,YAAY,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC;IAC7E,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAiC,EAAE,CAAC;IACrD,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAiB;YACxC,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;YAChE,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;YAChD,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;YACrD,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACd,MAAM,CAAC,QAAQ,GAAG,GAAG,CAAC;QACxB,CAAC;QACD,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAiB;YACzC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC;YAE9C,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;gBACvB,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;aACtC;QACH,CAAC;QACD,OAAO,CAAC,MAAM,EAAE,MAAiB;YAC/B,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC1B,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YACtB,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC9B,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,gBAAgB,GAAG,CAAC,UAAiC,EAAE,EAAE;QAC/D,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;YACrC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/mount.d.ts

@@ -1,3 +1,3 @@
 import type { BaseComponentProps, ComponentContext } from 'piral-core';
 import { Component } from 'vue';
-export declare function mountVue<T extends BaseComponentProps>(root: Component<T>, props: T, ctx: ComponentContext, captured?: Record<string, any>): import("vue").App<Element>;
+export declare function mountVue<T extends BaseComponentProps>(component: Component<T>, props: T, ctx: ComponentContext, captured?: Record<string, any>): import("vue").App<Element>;

package/lib/mount.js

@@ -1,16 +1,19 @@
 import { createApp, h } from 'vue';
-export function mountVue(root, props, ctx, captured) {
-    return createApp({
+export function mountVue(component, props, ctx, captured) {
+    const data = {
+        ...captured,
+        ...props,
+    };
+    const root = {
         provide: {
             piral: props.piral,
             ...ctx,
         },
+        props: Object.keys(data),
         render() {
-            return h(root, {
-                ...captured,
-                ...props,
-            });
+            return h(component, this.$props);
         },
-    });
+    };
+    return createApp(root, data);
 }
 //# sourceMappingURL=mount.js.map

package/lib/mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,CAAC,EAAE,MAAM,KAAK,CAAC;AAE9C,MAAM,UAAU,QAAQ,CACtB,IAAkB,EAClB,KAAQ,EACR,GAAqB,EACrB,QAA8B;IAE9B,OAAO,SAAS,CAAC;QACf,OAAO,EAAE;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,GAAG,GAAG;SACP;QACD,MAAM;YACJ,OAAO,CAAC,CAAC,IAAW,EAAE;gBACpB,GAAG,QAAQ;gBACX,GAAG,KAAK;aACT,CAAC,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,CAAC,EAAE,MAAM,KAAK,CAAC;AAE9C,MAAM,UAAU,QAAQ,CACtB,SAAuB,EACvB,KAAQ,EACR,GAAqB,EACrB,QAA8B;IAE9B,MAAM,IAAI,GAAG;QACX,GAAG,QAAQ;QACX,GAAG,KAAK;KACT,CAAC;IACF,MAAM,IAAI,GAAc;QACtB,OAAO,EAAE;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,GAAG,GAAG;SACP;QACD,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QACxB,MAAM;YACJ,OAAO,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC;KACF,CAAC;IAEF,OAAO,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC/B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-vue-3",
-  "version": "1.7.0-beta.7497",
+  "version": "1.7.0-beta.7498",
   "description": "Plugin for integrating Vue@3 components in Piral.",
   "keywords": [
     "piral",
@@ -54,8 +54,8 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "devDependencies": {
-    "piral-core": "1.7.0-beta.7497",
+    "piral-core": "1.7.0-beta.7498",
     "vue": "^3.0.0"
   },
-  "gitHead": "75929a5bd19db2244402274b4fede50f3c9c354b"
+  "gitHead": "8a77b033a8029e55ab252e47af84e2efa70dbcff"
 }

package/src/converter.ts

@@ -35,12 +35,13 @@ export function createConverter(config: Vue3ConverterOptions = {}) {
       middlewares.forEach((middleware) => middleware(app));
       app.component(selector, createExtension(rootName));
       app.mount(el);
-      !app._props && (app._props = {});
       locals.instance = app;
     },
     update(parent, data, ctx, locals: Vue3State) {
+      const appInstance = locals.instance._instance;
+
       for (const prop in data) {
-        locals.instance._props[prop] = data[prop];
+        appInstance.props[prop] = data[prop];
       }
     },
     unmount(parent, locals: Vue3State) {

package/src/mount.ts

@@ -2,21 +2,25 @@ import type { BaseComponentProps, ComponentContext } from 'piral-core';
 import { createApp, Component, h } from 'vue';
 
 export function mountVue<T extends BaseComponentProps>(
-  root: Component<T>,
+  component: Component<T>,
   props: T,
   ctx: ComponentContext,
   captured?: Record<string, any>,
 ) {
-  return createApp({
+  const data = {
+    ...captured,
+    ...props,
+  };
+  const root: Component = {
     provide: {
       piral: props.piral,
       ...ctx,
     },
+    props: Object.keys(data),
     render() {
-      return h(root as any, {
-        ...captured,
-        ...props,
-      });
+      return h(component, this.$props);
     },
-  });
+  };
+
+  return createApp(root, data);
 }