@web-widget/vue 3.0.0-beta.2 → 3.0.0-beta.3

package/dist/{chunk-7KXT6LS2.js → chunk-7BZH43RE.js}

@@ -126,7 +126,7 @@ function container(loader, options = {}) {
       }
     },
     setup({ widget }, { slots }) {
-      var _a;
+      var _a, _b;
       const {
         fallback,
         loading = (_a = options.loading) != null ? _a : "lazy",
@@ -136,6 +136,28 @@ function container(loader, options = {}) {
       const { pendingFallback, errorFallback } = resolveFallback(fallback);
       const renderStage = serverOnly ? "server" : clientOnly ? "client" : options.renderStage;
       const data = useAttrs();
+      if (clientOnly && !IS_CLIENT && pendingFallback) {
+        const renderer = new WebWidgetRenderer(loader, {
+          ...options,
+          children: "",
+          data,
+          loading,
+          renderStage,
+          renderTarget: (_b = options.renderTarget) != null ? _b : "light"
+        });
+        return () => h(
+          renderer.localName,
+          renderer.attributes,
+          h(
+            renderer.pendingLocalName,
+            {
+              "aria-busy": "true",
+              style: { display: "contents" }
+            },
+            pendingFallback
+          )
+        );
+      }
       const error = ref(null);
       onErrorCaptured((err) => {
         error.value = err;

package/dist/{types-BY8s0m9C.d.ts → types-eCw5P8fo.d.ts}

@@ -31,12 +31,14 @@ declare function resolveFallback(fallback: WidgetFallback | undefined): {
 };
 interface WidgetContainerConfig {
     /**
-     * Fallback UI for loading and error states.
+     * Fallback UI for pending and error states.
      *
-     * Only effective during server-side rendering: loading UI shows while the
+     * Only effective during server-side rendering: pending UI shows while the
      * widget module renders; error UI shows if rendering fails. Both are
      * serialized into the HTML stream — no client-side retry exists in the
      * islands architecture.
+     * For `clientOnly`, pending UI is rendered inside the `<web-widget>` element
+     * and removed immediately before its client mount begins.
      *
      * - `VNode` — used for both pending (Suspense) and error.
      * - `{ pending?, error? }` — specify independently; `error` defaults to `pending`.

package/dist/vue.adapter.client.d.ts

@@ -1,7 +1,7 @@
 import * as _web_widget_schema from '@web-widget/schema';
 import { Component } from 'vue';
-import { C as CreateVueRenderOptions } from './types-BY8s0m9C.js';
-export { D as DefineWebWidgetOptions, V as VueWidgetComponent, W as WidgetContainerConfig, a as WidgetFallback, c as container, r as resolveFallback } from './types-BY8s0m9C.js';
+import { C as CreateVueRenderOptions } from './types-eCw5P8fo.js';
+export { D as DefineWebWidgetOptions, V as VueWidgetComponent, W as WidgetContainerConfig, a as WidgetFallback, c as container, r as resolveFallback } from './types-eCw5P8fo.js';
 export { asReactWidget, toReact } from './vue.js';
 import '@web-widget/web-widget';
 import '@web-widget/react/adapter';

package/dist/vue.adapter.client.js

@@ -2,7 +2,7 @@ import {
   container,
   installErrorHandler,
   resolveFallback
-} from "./chunk-7KXT6LS2.js";
+} from "./chunk-7BZH43RE.js";
 import {
   asReactWidget,
   toReact

package/dist/vue.adapter.server.d.ts

@@ -1,8 +1,8 @@
 import * as _web_widget_schema from '@web-widget/schema';
 import { Component } from 'vue';
 import { SSRContext } from 'vue/server-renderer';
-import { C as CreateVueRenderOptions } from './types-BY8s0m9C.js';
-export { D as DefineWebWidgetOptions, V as VueWidgetComponent, W as WidgetContainerConfig, a as WidgetFallback, c as container, r as resolveFallback } from './types-BY8s0m9C.js';
+import { C as CreateVueRenderOptions } from './types-eCw5P8fo.js';
+export { D as DefineWebWidgetOptions, V as VueWidgetComponent, W as WidgetContainerConfig, a as WidgetFallback, c as container, r as resolveFallback } from './types-eCw5P8fo.js';
 export { asReactWidget, toReact } from './vue.js';
 import '@web-widget/web-widget';
 import '@web-widget/react/adapter';

package/dist/vue.adapter.server.js

@@ -2,7 +2,7 @@ import {
   container,
   installErrorHandler,
   resolveFallback
-} from "./chunk-7KXT6LS2.js";
+} from "./chunk-7BZH43RE.js";
 import {
   asReactWidget,
   toReact

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-widget/vue",
   "description": "Vue adapter",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.3",
   "homepage": "https://github.com/web-widget/web-widget#readme",
   "repository": {
     "type": "git",
@@ -13,10 +13,10 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@web-widget/helpers": "3.0.0-beta.2",
-    "@web-widget/schema": "3.0.0-beta.2",
-    "@web-widget/web-widget": "3.0.0-beta.2",
-    "@web-widget/react": "3.0.0-beta.2"
+    "@web-widget/helpers": "3.0.0-beta.3",
+    "@web-widget/web-widget": "3.0.0-beta.3",
+    "@web-widget/schema": "3.0.0-beta.3",
+    "@web-widget/react": "3.0.0-beta.3"
   },
   "devDependencies": {
     "tsup": "^8.3.4",