@web-widget/vue 0.12.6 → 0.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/vue.client.d.ts +11 -118
  2. package/dist/vue.client.js +10 -13
  3. package/dist/vue.server.d.ts +26 -97
  4. package/dist/vue.server.js +6 -10
  5. package/package.json +6 -6
package/dist/vue.client.d.ts CHANGED
@@ -1,100 +1,11 @@
1
1
  import * as _web_widget_schema from '@web-widget/schema';
2
- import { RenderContext, ComponentProps } from '@web-widget/schema';
3
2
  import * as vue from 'vue';
4
3
  import { PropType, VNode, App, Component } from 'vue';
5
- export * from '@web-widget/schema/client-helpers';
6
- export { useWidgetAsyncState as useWidgetState } from '@web-widget/schema/client-helpers';
7
- import { Loader, WebWidgetRendererOptions } from '@web-widget/web-widget';
4
+ import { RenderContext, ComponentProps } from '@web-widget/helpers';
5
+ export * from '@web-widget/helpers';
6
+ export { useWidgetAsyncState as useWidgetState } from '@web-widget/helpers/context';
7
+ import { WebWidgetRendererOptions, Loader } from '@web-widget/web-widget';
8
8
 
9
- declare const WebWidget: vue.DefineComponent<{
10
- base: {
11
- type: PropType<string | undefined>;
12
- };
13
- data: {
14
- type: PropType<{
15
- [x: string]: string | number | boolean | {
16
- [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
17
- } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
18
- } | undefined>;
19
- default: {};
20
- };
21
- import: {
22
- type: PropType<string | undefined>;
23
- };
24
- inactive: {
25
- type: PropType<boolean | undefined>;
26
- default: undefined;
27
- };
28
- loader: {
29
- type: PropType<Loader>;
30
- required: true;
31
- };
32
- loading: {
33
- type: PropType<"lazy" | "eager" | "idle" | undefined>;
34
- };
35
- meta: {
36
- type: PropType<_web_widget_schema.Meta | undefined>;
37
- };
38
- name: {
39
- type: PropType<string | undefined>;
40
- };
41
- renderStage: {
42
- type: PropType<"server" | "client" | undefined>;
43
- };
44
- renderTarget: {
45
- type: PropType<"light" | "shadow" | undefined>;
46
- default: string;
47
- };
48
- }, () => VNode<vue.RendererNode, vue.RendererElement, {
49
- [key: string]: any;
50
- }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
51
- base: {
52
- type: PropType<string | undefined>;
53
- };
54
- data: {
55
- type: PropType<{
56
- [x: string]: string | number | boolean | {
57
- [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
58
- } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
59
- } | undefined>;
60
- default: {};
61
- };
62
- import: {
63
- type: PropType<string | undefined>;
64
- };
65
- inactive: {
66
- type: PropType<boolean | undefined>;
67
- default: undefined;
68
- };
69
- loader: {
70
- type: PropType<Loader>;
71
- required: true;
72
- };
73
- loading: {
74
- type: PropType<"lazy" | "eager" | "idle" | undefined>;
75
- };
76
- meta: {
77
- type: PropType<_web_widget_schema.Meta | undefined>;
78
- };
79
- name: {
80
- type: PropType<string | undefined>;
81
- };
82
- renderStage: {
83
- type: PropType<"server" | "client" | undefined>;
84
- };
85
- renderTarget: {
86
- type: PropType<"light" | "shadow" | undefined>;
87
- default: string;
88
- };
89
- }>>, {
90
- data: {
91
- [x: string]: string | number | boolean | {
92
- [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
93
- } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
94
- } | undefined;
95
- inactive: boolean | undefined;
96
- renderTarget: "light" | "shadow" | undefined;
97
- }, {}>;
98
9
  interface DefineWebWidgetOptions {
99
10
  base?: WebWidgetRendererOptions["base"];
100
11
  import?: WebWidgetRendererOptions["import"];
@@ -159,45 +70,27 @@ interface CreateVueRenderOptions {
159
70
  onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
160
71
  }
161
72
 
162
- declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
163
- mount?: (() => void | Promise<void>) | undefined;
164
- unmount?: (() => void | Promise<void>) | undefined;
165
- update?: (({ data }: {
166
- data: Record<string, any>;
167
- }) => void | Promise<void>) | undefined;
168
- } | {
73
+ declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
169
74
  mount?: (() => void | Promise<void>) | undefined;
170
75
  unmount?: (() => void | Promise<void>) | undefined;
171
76
  update?: (({ data }: {
172
77
  data: Record<string, any>;
173
78
  }) => void | Promise<void>) | undefined;
174
- }>;
79
+ } | ReadableStream<any>>;
175
80
  /**@deprecated Please use `createVueRender` instead.*/
176
- declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
177
- mount?: (() => void | Promise<void>) | undefined;
178
- unmount?: (() => void | Promise<void>) | undefined;
179
- update?: (({ data }: {
180
- data: Record<string, any>;
181
- }) => void | Promise<void>) | undefined;
182
- } | {
183
- mount?: (() => void | Promise<void>) | undefined;
184
- unmount?: (() => void | Promise<void>) | undefined;
185
- update?: (({ data }: {
186
- data: Record<string, any>;
187
- }) => void | Promise<void>) | undefined;
188
- }>;
189
- declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
81
+ declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
190
82
  mount?: (() => void | Promise<void>) | undefined;
191
83
  unmount?: (() => void | Promise<void>) | undefined;
192
84
  update?: (({ data }: {
193
85
  data: Record<string, any>;
194
86
  }) => void | Promise<void>) | undefined;
195
- } | {
87
+ } | ReadableStream<any>>;
88
+ declare const render: (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
196
89
  mount?: (() => void | Promise<void>) | undefined;
197
90
  unmount?: (() => void | Promise<void>) | undefined;
198
91
  update?: (({ data }: {
199
92
  data: Record<string, any>;
200
93
  }) => void | Promise<void>) | undefined;
201
- }>;
94
+ } | ReadableStream<any>>;
202
95
 
203
- export { type DefineWebWidgetOptions, WebWidget, createVueRender, defineVueRender, defineWebWidget, render };
96
+ export { type DefineWebWidgetOptions, createVueRender, defineVueRender, defineWebWidget, render };
package/dist/vue.client.js CHANGED
@@ -31,13 +31,10 @@ var __objRest = (source, exclude) => {
31
31
  };
32
32
 
33
33
  // src/client.ts
34
- import {
35
- defineRender,
36
- getComponentDescriptor
37
- } from "@web-widget/schema/client-helpers";
34
+ import { defineRender, getComponentDescriptor } from "@web-widget/helpers";
38
35
  import { Suspense as Suspense2, createApp, createSSRApp, h as h2 } from "vue";
39
- export * from "@web-widget/schema/client-helpers";
40
- import { useWidgetAsyncState } from "@web-widget/schema/client-helpers";
36
+ export * from "@web-widget/helpers";
37
+ import { useWidgetAsyncState } from "@web-widget/helpers/context";
41
38
 
42
39
  // src/components.ts
43
40
  import { WebWidgetRenderer } from "@web-widget/web-widget";
@@ -47,7 +44,7 @@ import {
47
44
  Suspense,
48
45
  useAttrs
49
46
  } from "vue";
50
- import { IS_BROWSER } from "@web-widget/schema/helpers";
47
+ import { IS_CLIENT } from "@web-widget/helpers";
51
48
  var WebWidget = /* @__PURE__ */ defineComponent({
52
49
  name: "WebWidgetRoot",
53
50
  props: {
@@ -102,12 +99,12 @@ var WebWidget = /* @__PURE__ */ defineComponent({
102
99
  const tag = widget.localName;
103
100
  const attrs = widget.attributes;
104
101
  const innerHTML = await widget.renderInnerHTMLToString();
105
- if (IS_BROWSER) {
102
+ if (IS_CLIENT) {
106
103
  await customElements.whenDefined(tag);
107
104
  }
108
105
  const data = attrs.data;
109
106
  delete attrs.data;
110
- return () => h(tag, __spreadProps(__spreadValues(__spreadValues({}, attrs), IS_BROWSER ? { "^data": data } : { data }), {
107
+ return () => h(tag, __spreadProps(__spreadValues(__spreadValues({}, attrs), IS_CLIENT ? { "^data": data } : { data }), {
111
108
  innerHTML
112
109
  }));
113
110
  }
@@ -173,22 +170,23 @@ var createVueRender = ({
173
170
  throw new Error(`"onPrefetchData" is not supported.`);
174
171
  }
175
172
  return defineRender(async (context) => {
173
+ const { recovering, container } = context;
176
174
  const componentDescriptor = getComponentDescriptor(context);
177
175
  const { component, props } = componentDescriptor;
178
- if (!context.container) {
176
+ if (!container) {
179
177
  throw new Error(`Container required.`);
180
178
  }
181
179
  let app;
182
180
  const WidgetSuspense = (props2) => h2(Suspense2, null, [h2(component, props2)]);
183
181
  return {
184
182
  async mount() {
185
- if (context.recovering) {
183
+ if (recovering) {
186
184
  app = createSSRApp(WidgetSuspense, props);
187
185
  } else {
188
186
  app = createApp(WidgetSuspense, props);
189
187
  }
190
188
  await onCreatedApp(app, context, component, props);
191
- app.mount(context.container);
189
+ app.mount(container);
192
190
  },
193
191
  async unmount() {
194
192
  app == null ? void 0 : app.unmount();
@@ -200,7 +198,6 @@ var createVueRender = ({
200
198
  var defineVueRender = createVueRender;
201
199
  var render = createVueRender();
202
200
  export {
203
- WebWidget,
204
201
  createVueRender,
205
202
  defineVueRender,
206
203
  defineWebWidget,
package/dist/vue.server.d.ts CHANGED
@@ -1,101 +1,12 @@
1
1
  import * as _web_widget_schema from '@web-widget/schema';
2
- import { RenderContext, ComponentProps } from '@web-widget/schema';
3
2
  import { SSRContext } from 'vue/server-renderer';
4
3
  import * as vue from 'vue';
5
4
  import { PropType, VNode, App, Component } from 'vue';
6
- export * from '@web-widget/schema/server-helpers';
7
- export { useWidgetAsyncState as useWidgetState } from '@web-widget/schema/server-helpers';
8
- import { Loader, WebWidgetRendererOptions } from '@web-widget/web-widget';
5
+ import { RenderContext, ComponentProps } from '@web-widget/helpers';
6
+ export * from '@web-widget/helpers';
7
+ export { useWidgetAsyncState as useWidgetState } from '@web-widget/helpers/context';
8
+ import { WebWidgetRendererOptions, Loader } from '@web-widget/web-widget';
9
9
 
10
- declare const WebWidget: vue.DefineComponent<{
11
- base: {
12
- type: PropType<string | undefined>;
13
- };
14
- data: {
15
- type: PropType<{
16
- [x: string]: string | number | boolean | {
17
- [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
18
- } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
19
- } | undefined>;
20
- default: {};
21
- };
22
- import: {
23
- type: PropType<string | undefined>;
24
- };
25
- inactive: {
26
- type: PropType<boolean | undefined>;
27
- default: undefined;
28
- };
29
- loader: {
30
- type: PropType<Loader>;
31
- required: true;
32
- };
33
- loading: {
34
- type: PropType<"lazy" | "eager" | "idle" | undefined>;
35
- };
36
- meta: {
37
- type: PropType<_web_widget_schema.Meta | undefined>;
38
- };
39
- name: {
40
- type: PropType<string | undefined>;
41
- };
42
- renderStage: {
43
- type: PropType<"server" | "client" | undefined>;
44
- };
45
- renderTarget: {
46
- type: PropType<"light" | "shadow" | undefined>;
47
- default: string;
48
- };
49
- }, () => VNode<vue.RendererNode, vue.RendererElement, {
50
- [key: string]: any;
51
- }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
52
- base: {
53
- type: PropType<string | undefined>;
54
- };
55
- data: {
56
- type: PropType<{
57
- [x: string]: string | number | boolean | {
58
- [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
59
- } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
60
- } | undefined>;
61
- default: {};
62
- };
63
- import: {
64
- type: PropType<string | undefined>;
65
- };
66
- inactive: {
67
- type: PropType<boolean | undefined>;
68
- default: undefined;
69
- };
70
- loader: {
71
- type: PropType<Loader>;
72
- required: true;
73
- };
74
- loading: {
75
- type: PropType<"lazy" | "eager" | "idle" | undefined>;
76
- };
77
- meta: {
78
- type: PropType<_web_widget_schema.Meta | undefined>;
79
- };
80
- name: {
81
- type: PropType<string | undefined>;
82
- };
83
- renderStage: {
84
- type: PropType<"server" | "client" | undefined>;
85
- };
86
- renderTarget: {
87
- type: PropType<"light" | "shadow" | undefined>;
88
- default: string;
89
- };
90
- }>>, {
91
- data: {
92
- [x: string]: string | number | boolean | {
93
- [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
94
- } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
95
- } | undefined;
96
- inactive: boolean | undefined;
97
- renderTarget: "light" | "shadow" | undefined;
98
- }, {}>;
99
10
  interface DefineWebWidgetOptions {
100
11
  base?: WebWidgetRendererOptions["base"];
101
12
  import?: WebWidgetRendererOptions["import"];
@@ -163,9 +74,27 @@ interface CreateVueRenderOptions {
163
74
  interface VueRenderOptions {
164
75
  vue?: SSRContext;
165
76
  }
166
- declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & VueRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
77
+ declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: VueRenderOptions | _web_widget_schema.RouteRenderOptions<VueRenderOptions>) => Promise<string | void | ReadableStream<any> | {
78
+ mount?: (() => void | Promise<void>) | undefined;
79
+ unmount?: (() => void | Promise<void>) | undefined;
80
+ update?: (({ data }: {
81
+ data: Record<string, any>;
82
+ }) => void | Promise<void>) | undefined;
83
+ } | ReadableStream<any>>;
167
84
  /**@deprecated Please use `createVueRender` instead.*/
168
- declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & VueRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
169
- declare const render: (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & VueRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
85
+ declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: VueRenderOptions | _web_widget_schema.RouteRenderOptions<VueRenderOptions>) => Promise<string | void | ReadableStream<any> | {
86
+ mount?: (() => void | Promise<void>) | undefined;
87
+ unmount?: (() => void | Promise<void>) | undefined;
88
+ update?: (({ data }: {
89
+ data: Record<string, any>;
90
+ }) => void | Promise<void>) | undefined;
91
+ } | ReadableStream<any>>;
92
+ declare const render: (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: VueRenderOptions | _web_widget_schema.RouteRenderOptions<VueRenderOptions>) => Promise<string | void | ReadableStream<any> | {
93
+ mount?: (() => void | Promise<void>) | undefined;
94
+ unmount?: (() => void | Promise<void>) | undefined;
95
+ update?: (({ data }: {
96
+ data: Record<string, any>;
97
+ }) => void | Promise<void>) | undefined;
98
+ } | ReadableStream<any>>;
170
99
 
171
- export { type DefineWebWidgetOptions, type VueRenderOptions, WebWidget, createVueRender, defineVueRender, defineWebWidget, render };
100
+ export { type DefineWebWidgetOptions, type VueRenderOptions, createVueRender, defineVueRender, defineWebWidget, render };
package/dist/vue.server.js CHANGED
@@ -31,14 +31,11 @@ var __objRest = (source, exclude) => {
31
31
  };
32
32
 
33
33
  // src/server.ts
34
- import {
35
- defineRender,
36
- getComponentDescriptor
37
- } from "@web-widget/schema/server-helpers";
34
+ import { defineRender, getComponentDescriptor } from "@web-widget/helpers";
38
35
  import { createSSRApp, h as h2, Suspense as Suspense2 } from "vue";
39
36
  import { renderToWebStream } from "vue/server-renderer";
40
- export * from "@web-widget/schema/server-helpers";
41
- import { useWidgetAsyncState } from "@web-widget/schema/server-helpers";
37
+ export * from "@web-widget/helpers";
38
+ import { useWidgetAsyncState } from "@web-widget/helpers/context";
42
39
 
43
40
  // src/components.ts
44
41
  import { WebWidgetRenderer } from "@web-widget/web-widget";
@@ -48,7 +45,7 @@ import {
48
45
  Suspense,
49
46
  useAttrs
50
47
  } from "vue";
51
- import { IS_BROWSER } from "@web-widget/schema/helpers";
48
+ import { IS_CLIENT } from "@web-widget/helpers";
52
49
  var WebWidget = /* @__PURE__ */ defineComponent({
53
50
  name: "WebWidgetRoot",
54
51
  props: {
@@ -103,12 +100,12 @@ var WebWidget = /* @__PURE__ */ defineComponent({
103
100
  const tag = widget.localName;
104
101
  const attrs = widget.attributes;
105
102
  const innerHTML = await widget.renderInnerHTMLToString();
106
- if (IS_BROWSER) {
103
+ if (IS_CLIENT) {
107
104
  await customElements.whenDefined(tag);
108
105
  }
109
106
  const data = attrs.data;
110
107
  delete attrs.data;
111
- return () => h(tag, __spreadProps(__spreadValues(__spreadValues({}, attrs), IS_BROWSER ? { "^data": data } : { data }), {
108
+ return () => h(tag, __spreadProps(__spreadValues(__spreadValues({}, attrs), IS_CLIENT ? { "^data": data } : { data }), {
112
109
  innerHTML
113
110
  }));
114
111
  }
@@ -193,7 +190,6 @@ var createVueRender = ({
193
190
  var defineVueRender = createVueRender;
194
191
  var render = createVueRender();
195
192
  export {
196
- WebWidget,
197
193
  createVueRender,
198
194
  defineVueRender,
199
195
  defineWebWidget,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@web-widget/vue",
3
- "version": "0.12.6",
3
+ "version": "0.13.1",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -27,19 +27,19 @@
27
27
  "dist"
28
28
  ],
29
29
  "dependencies": {
30
- "@web-widget/html": "0.1.9",
31
- "@web-widget/schema": "0.4.3",
32
- "@web-widget/vite": "2.11.4"
30
+ "@web-widget/vite": "2.11.6"
33
31
  },
34
32
  "devDependencies": {
35
- "@web-widget/web-widget": "1.8.0",
33
+ "@web-widget/helpers": "0.13.1",
34
+ "@web-widget/web-widget": "1.9.1",
36
35
  "tsup": "^8.0.1",
37
36
  "typescript": "^5.3.3",
38
37
  "vite": "^5.0.11",
39
38
  "vue": ">3.3.3"
40
39
  },
41
40
  "peerDependencies": {
42
- "@web-widget/web-widget": "1.8.0",
41
+ "@web-widget/helpers": "0.13.1",
42
+ "@web-widget/web-widget": "1.9.1",
43
43
  "vite": "^5.0.11",
44
44
  "vue": ">3.3.3"
45
45
  },