@web-widget/vue2 1.46.0 → 1.48.0

package/dist/vue2.client.js

@@ -20,6 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/client.ts
 import { defineRender, getComponentDescriptor } from "@web-widget/helpers";
+import { cacheProviderIsLoading } from "@web-widget/helpers/cache";
 import Vue2 from "vue";
 export * from "@web-widget/helpers";
 import { useWidgetSyncState } from "@web-widget/helpers/state";
@@ -29,6 +30,12 @@ import { WebWidgetRenderer } from "@web-widget/web-widget";
 import Vue, { h, defineComponent, useAttrs, getCurrentInstance } from "vue";
 import { IS_CLIENT } from "@web-widget/helpers/env";
 Vue.config.ignoredElements = ["web-widget"];
+Vue.config.warnHandler = (msg, vm, trace) => {
+  if (msg === `Error in setup: "[object Promise]"`) {
+    return;
+  }
+  console.error("[Vue warn]: ".concat(msg).concat(trace));
+};
 function defineWebWidget(loader, options) {
   var _a, _b;
   return defineComponent({
@@ -110,7 +117,7 @@ var createVueRender = ({
   onPrefetchData
 } = {}) => {
   return defineRender(async (context) => {
-    const { recovering, container } = context;
+    let { recovering, container } = context;
     const componentDescriptor = getComponentDescriptor(context);
     const component = componentDescriptor.component;
     const props = componentDescriptor.props;
@@ -123,48 +130,65 @@ var createVueRender = ({
     let app;
     return {
       async mount() {
-        let element = container;
+        let ssrRoot = container;
         let mergedProps = props;
         if (recovering) {
           const vue2ssrAttrSelector = `[data-server-rendered="true"]`;
-          const ssrRoot = container.querySelector(vue2ssrAttrSelector) || container.firstElementChild;
+          const root = container.querySelector(vue2ssrAttrSelector) || container.firstElementChild;
           const state = container.querySelector(
             "script[as=state]"
           );
           const stateContent = state ? JSON.parse(state.textContent) : onPrefetchData ? await onPrefetchData(context, component, props) : void 0;
-          if (!ssrRoot) {
+          if (!root) {
             throw new Error(
               `No element found for hydration: ${vue2ssrAttrSelector}`
             );
           }
-          element = ssrRoot;
+          ssrRoot = root;
           mergedProps = stateContent ? Object.assign(stateContent, props) : props;
           state == null ? void 0 : state.remove();
         }
+        let loading;
         app = new Vue2(__spreadValues({
           render(h2) {
             return h2(component, {
               props: mergedProps
             });
+          },
+          errorCaptured: (err, vm, info) => {
+            if (cacheProviderIsLoading(err)) {
+              loading = err;
+              return false;
+            } else {
+              throw err;
+            }
           }
         }, await onBeforeCreateApp(context, component, mergedProps)));
         await onCreatedApp(app, context, component, mergedProps);
         if (recovering) {
-          app.$mount(element, recovering);
+          app.$mount(ssrRoot, recovering);
         } else {
           container.appendChild(app.$mount().$el);
         }
+        if (loading) {
+          recovering = false;
+          clearInsterHTML(container);
+          throw loading;
+        }
       },
       async unmount() {
         app == null ? void 0 : app.$destroy();
-        if ("innerHTML" in container) {
-          container.innerHTML = "";
-        }
+        clearInsterHTML(container);
         app = null;
       }
     };
   });
 };
+function clearInsterHTML(container) {
+  if ("innerHTML" in container) {
+    container.innerHTML = "";
+  }
+}
 var defineVueRender = createVueRender;
 var render = createVueRender();
 export {

package/dist/vue2.server.cjs

@@ -68,6 +68,12 @@ var import_web_widget = require("@web-widget/web-widget");
 var import_vue = __toESM(require("vue"), 1);
 var import_env = require("@web-widget/helpers/env");
 import_vue.default.config.ignoredElements = ["web-widget"];
+import_vue.default.config.warnHandler = (msg, vm, trace) => {
+  if (msg === `Error in setup: "[object Promise]"`) {
+    return;
+  }
+  console.error("[Vue warn]: ".concat(msg).concat(trace));
+};
 function defineWebWidget(loader, options) {
   var _a, _b;
   return (0, import_vue.defineComponent)({
@@ -142,12 +148,6 @@ function toReact(component) {
 }
 
 // src/server.ts
-import_vue2.default.config.warnHandler = (msg, vm, trace) => {
-  if (msg === `Error in setup: "[object Promise]"`) {
-    return;
-  }
-  console.error("[Vue warn]: ".concat(msg).concat(trace));
-};
 var createVueRender = ({
   onBeforeCreateApp = async () => ({}),
   onCreatedApp = async () => {

package/dist/vue2.server.js

@@ -31,6 +31,12 @@ import { WebWidgetRenderer } from "@web-widget/web-widget";
 import Vue, { h, defineComponent, useAttrs, getCurrentInstance } from "vue";
 import { IS_CLIENT } from "@web-widget/helpers/env";
 Vue.config.ignoredElements = ["web-widget"];
+Vue.config.warnHandler = (msg, vm, trace) => {
+  if (msg === `Error in setup: "[object Promise]"`) {
+    return;
+  }
+  console.error("[Vue warn]: ".concat(msg).concat(trace));
+};
 function defineWebWidget(loader, options) {
   var _a, _b;
   return defineComponent({
@@ -105,12 +111,6 @@ function toReact(component) {
 }
 
 // src/server.ts
-Vue2.config.warnHandler = (msg, vm, trace) => {
-  if (msg === `Error in setup: "[object Promise]"`) {
-    return;
-  }
-  console.error("[Vue warn]: ".concat(msg).concat(trace));
-};
 var createVueRender = ({
   onBeforeCreateApp = async () => ({}),
   onCreatedApp = async () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-widget/vue2",
   "description": "Vue2 adapter",
-  "version": "1.46.0",
+  "version": "1.48.0",
   "homepage": "https://github.com/web-widget/web-widget#readme",
   "repository": {
     "type": "git",
@@ -13,19 +13,19 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@web-widget/react": "1.46.0",
-    "@web-widget/helpers": "1.46.0",
-    "@web-widget/vite-plugin": "1.46.0",
-    "@web-widget/web-widget": "1.46.0"
+    "@web-widget/react": "1.48.0",
+    "@web-widget/helpers": "1.48.0",
+    "@web-widget/vite-plugin": "1.48.0",
+    "@web-widget/web-widget": "1.48.0"
   },
   "devDependencies": {
     "@types/node": "^22.2.0",
     "tsup": "^8.2.4",
     "typescript": "^5.5.4",
-    "vite": "^5.4.0",
+    "vite": "^5.4.9",
     "vue": "^2.7.16",
     "vue-server-renderer": "^2.7.16",
-    "@web-widget/react": "1.46.0"
+    "@web-widget/react": "1.48.0"
   },
   "exports": {
     ".": {
@@ -53,7 +53,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "vite": "^5.4.0",
+    "vite": "^5.4.9",
     "vue": "^2.7.16",
     "vue-server-renderer": "^2.7.16"
   },