@vue/compat 3.2.13 → 3.2.17

package/dist/vue.global.js

@@ -931,8 +931,6 @@ var Vue = (function () {
       get: shallowReadonlyGet
   });
 
-  const toReactive = (value) => isObject(value) ? reactive(value) : value;
-  const toReadonly = (value) => isObject(value) ? readonly(value) : value;
   const toShallow = (value) => value;
   const getProto = (v) => Reflect.getPrototypeOf(v);
   function get$1(target, key, isReadonly = false, isShallow = false) {
@@ -1320,7 +1318,9 @@ var Vue = (function () {
   function markRaw(value) {
       def(value, "__v_skip" /* SKIP */, true);
       return value;
-  }
+  }
+  const toReactive = (value) => isObject(value) ? reactive(value) : value;
+  const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 
   function trackRefValue(ref) {
       if (isTracking()) {
@@ -1350,7 +1350,6 @@ var Vue = (function () {
           }
       }
   }
-  const convert = (val) => isObject(val) ? reactive(val) : val;
   function isRef(r) {
       return Boolean(r && r.__v_isRef === true);
   }
@@ -1360,13 +1359,19 @@ var Vue = (function () {
   function shallowRef(value) {
       return createRef(value, true);
   }
+  function createRef(rawValue, shallow) {
+      if (isRef(rawValue)) {
+          return rawValue;
+      }
+      return new RefImpl(rawValue, shallow);
+  }
   class RefImpl {
       constructor(value, _shallow) {
           this._shallow = _shallow;
           this.dep = undefined;
           this.__v_isRef = true;
           this._rawValue = _shallow ? value : toRaw(value);
-          this._value = _shallow ? value : convert(value);
+          this._value = _shallow ? value : toReactive(value);
       }
       get value() {
           trackRefValue(this);
@@ -1376,17 +1381,11 @@ var Vue = (function () {
           newVal = this._shallow ? newVal : toRaw(newVal);
           if (hasChanged(newVal, this._rawValue)) {
               this._rawValue = newVal;
-              this._value = this._shallow ? newVal : convert(newVal);
+              this._value = this._shallow ? newVal : toReactive(newVal);
               triggerRefValue(this, newVal);
           }
       }
   }
-  function createRef(rawValue, shallow) {
-      if (isRef(rawValue)) {
-          return rawValue;
-      }
-      return new RefImpl(rawValue, shallow);
-  }
   function triggerRef(ref) {
       triggerRefValue(ref, ref.value );
   }
@@ -1517,14 +1516,7 @@ var Vue = (function () {
   // Note: for a component to be eligible for HMR it also needs the __hmrId option
   // to be set so that its instances can be registered / removed.
   {
-      const globalObject = typeof global !== 'undefined'
-          ? global
-          : typeof self !== 'undefined'
-              ? self
-              : typeof window !== 'undefined'
-                  ? window
-                  : {};
-      globalObject.__VUE_HMR_RUNTIME__ = {
+      getGlobalThis().__VUE_HMR_RUNTIME__ = {
           createRecord: tryWrap(createRecord),
           rerender: tryWrap(rerender),
           reload: tryWrap(reload)
@@ -1645,14 +1637,32 @@ var Vue = (function () {
   }
 
   let devtools;
-  function setDevtoolsHook(hook) {
+  let buffer = [];
+  function emit(event, ...args) {
+      if (devtools) {
+          devtools.emit(event, ...args);
+      }
+      else {
+          buffer.push({ event, args });
+      }
+  }
+  function setDevtoolsHook(hook, target) {
       devtools = hook;
+      if (devtools) {
+          devtools.enabled = true;
+          buffer.forEach(({ event, args }) => devtools.emit(event, ...args));
+          buffer = [];
+      }
+      else {
+          const replay = (target.__VUE_DEVTOOLS_HOOK_REPLAY__ =
+              target.__VUE_DEVTOOLS_HOOK_REPLAY__ || []);
+          replay.push((newHook) => {
+              setDevtoolsHook(newHook, target);
+          });
+      }
   }
   function devtoolsInitApp(app, version) {
-      // TODO queue if devtools is undefined
-      if (!devtools)
-          return;
-      devtools.emit("app:init" /* APP_INIT */, app, version, {
+      emit("app:init" /* APP_INIT */, app, version, {
           Fragment,
           Text,
           Comment,
@@ -1660,9 +1670,7 @@ var Vue = (function () {
       });
   }
   function devtoolsUnmountApp(app) {
-      if (!devtools)
-          return;
-      devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
+      emit("app:unmount" /* APP_UNMOUNT */, app);
   }
   const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
   const devtoolsComponentUpdated = 
@@ -1671,24 +1679,18 @@ var Vue = (function () {
   /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
   function createDevtoolsComponentHook(hook) {
       return (component) => {
-          if (!devtools)
-              return;
-          devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
+          emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
       };
   }
   const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */);
   const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */);
   function createDevtoolsPerformanceHook(hook) {
       return (component, type, time) => {
-          if (!devtools)
-              return;
-          devtools.emit(hook, component.appContext.app, component.uid, component, type, time);
+          emit(hook, component.appContext.app, component.uid, component, type, time);
       };
   }
   function devtoolsComponentEmit(component, event, params) {
-      if (!devtools)
-          return;
-      devtools.emit("component:emit" /* COMPONENT_EMIT */, component.appContext.app, component, event, params);
+      emit("component:emit" /* COMPONENT_EMIT */, component.appContext.app, component, event, params);
   }
 
   const deprecationData = {
@@ -2148,7 +2150,7 @@ var Vue = (function () {
       events[event] = cbs.filter(cb => !(cb === fn || cb.fn === fn));
       return vm;
   }
-  function emit(instance, event, args) {
+  function emit$1(instance, event, args) {
       const cbs = getRegistry(instance)[event];
       if (cbs) {
           callWithAsyncErrorHandling(cbs.map(cb => cb.bind(instance.proxy)), instance, 6 /* COMPONENT_EVENT_HANDLER */, args);
@@ -2201,7 +2203,7 @@ var Vue = (function () {
       }
   }
 
-  function emit$1(instance, event, ...rawArgs) {
+  function emit$2(instance, event, ...rawArgs) {
       const props = instance.vnode.props || EMPTY_OBJ;
       {
           const { emitsOptions, propsOptions: [propsOptions] } = instance;
@@ -2277,7 +2279,7 @@ var Vue = (function () {
       }
       {
           compatModelEmit(instance, event, args);
-          return emit(instance, event, args);
+          return emit$1(instance, event, args);
       }
   }
   function normalizeEmitsOptions(comp, appContext, asMixin = false) {
@@ -5276,7 +5278,7 @@ var Vue = (function () {
               return vm;
           }
       }
-      Vue.version = "3.2.13";
+      Vue.version = "3.2.17";
       Vue.config = singletonApp.config;
       Vue.use = (p, ...options) => {
           if (p && isFunction(p.install)) {
@@ -6274,10 +6276,10 @@ var Vue = (function () {
   }
   // implementation
   function baseCreateRenderer(options, createHydrationFns) {
+      const target = getGlobalThis();
+      target.__VUE__ = true;
       {
-          const target = getGlobalThis();
-          target.__VUE__ = true;
-          setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
+          setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__, target);
       }
       const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
       // Note: functions inside this closure should use `const xxx = () => {}`
@@ -9462,7 +9464,7 @@ var Vue = (function () {
           instance.ctx = createDevRenderContext(instance);
       }
       instance.root = parent ? parent.root : instance;
-      instance.emit = emit$1.bind(null, instance);
+      instance.emit = emit$2.bind(null, instance);
       // apply custom element special handling
       if (vnode.ce) {
           vnode.ce(instance);
@@ -9622,9 +9624,11 @@ var Vue = (function () {
           }
       }
       // template / render function normalization
+      // could be already set when returned from setup()
       if (!instance.render) {
-          // could be set from setup()
-          if (compile && !Component.render) {
+          // only do on-the-fly compile if not in SSR - SSR on-the-fly compliation
+          // is done by server-renderer
+          if (!isSSR && compile && !Component.render) {
               const template = (instance.vnode.props &&
                   instance.vnode.props['inline-template']) ||
                   Component.template;
@@ -10840,7 +10844,7 @@ var Vue = (function () {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.13";
+  const version = "3.2.17";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -12579,7 +12583,11 @@ var Vue = (function () {
           warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
       }
       return container;
-  }
+  }
+  /**
+   * @internal
+   */
+  const initDirectivesForSSR = NOOP;
 
   var runtimeDom = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -12587,6 +12595,7 @@ var Vue = (function () {
     hydrate: hydrate,
     createApp: createApp,
     createSSRApp: createSSRApp,
+    initDirectivesForSSR: initDirectivesForSSR,
     defineCustomElement: defineCustomElement,
     defineSSRCustomElement: defineSSRCustomElement,
     VueElement: VueElement,
@@ -12836,7 +12845,7 @@ var Vue = (function () {
       [47 /* X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`,
       [48 /* X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
       [49 /* X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`,
-      // just to fullfill types
+      // just to fulfill types
       [50 /* __EXTEND_POINT__ */]: ``
   };
 
@@ -14872,7 +14881,7 @@ var Vue = (function () {
   }
 
   const PURE_ANNOTATION = `/*#__PURE__*/`;
-  function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode === 'module', sourceMap = false, filename = `template.vue.html`, scopeId = null, optimizeImports = false, runtimeGlobalName = `Vue`, runtimeModuleName = `vue`, ssr = false, isTS = false, inSSR = false }) {
+  function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode === 'module', sourceMap = false, filename = `template.vue.html`, scopeId = null, optimizeImports = false, runtimeGlobalName = `Vue`, runtimeModuleName = `vue`, ssrRuntimeModuleName = 'vue/server-renderer', ssr = false, isTS = false, inSSR = false }) {
       const context = {
           mode,
           prefixIdentifiers,
@@ -14882,6 +14891,7 @@ var Vue = (function () {
           optimizeImports,
           runtimeGlobalName,
           runtimeModuleName,
+          ssrRuntimeModuleName,
           ssr,
           isTS,
           inSSR,
@@ -15007,7 +15017,7 @@ var Vue = (function () {
       };
   }
   function genFunctionPreamble(ast, context) {
-      const { ssr, prefixIdentifiers, push, newline, runtimeModuleName, runtimeGlobalName } = context;
+      const { ssr, prefixIdentifiers, push, newline, runtimeModuleName, runtimeGlobalName, ssrRuntimeModuleName } = context;
       const VueBinding = runtimeGlobalName;
       const aliasHelper = (s) => `${helperNameMap[s]}: _${helperNameMap[s]}`;
       // Generate const declaration for helpers
@@ -17086,9 +17096,9 @@ var Vue = (function () {
       const eventArg = context.isTS ? `($event: any)` : `$event`;
       {
           assignmentExp = createCompoundExpression([
-              `${eventArg} => (`,
+              `${eventArg} => ((`,
               exp,
-              ` = $event)`
+              `) = $event)`
           ]);
       }
       const props = [