@vue/compat 3.2.13 → 3.2.17

package/dist/vue.cjs.js

@@ -1076,8 +1076,6 @@ const shallowReadonlyHandlers = /*#__PURE__*/ extend({}, readonlyHandlers, {
     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) {
@@ -1465,7 +1463,9 @@ function toRaw(observed) {
 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()) {
@@ -1495,7 +1495,6 @@ function triggerRefValue(ref, newVal) {
         }
     }
 }
-const convert = (val) => isObject(val) ? reactive(val) : val;
 function isRef(r) {
     return Boolean(r && r.__v_isRef === true);
 }
@@ -1505,13 +1504,19 @@ function ref(value) {
 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);
@@ -1521,17 +1526,11 @@ class RefImpl {
         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 );
 }
@@ -1662,14 +1661,7 @@ const hmrDirtyComponents = new Set();
 // 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)
@@ -1790,14 +1782,32 @@ function tryWrap(fn) {
 }
 
 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,
@@ -1805,9 +1815,7 @@ function devtoolsInitApp(app, version) {
     });
 }
 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 = 
@@ -1816,24 +1824,18 @@ const devtoolsComponentRemoved =
 /*#__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 = {
@@ -2293,7 +2295,7 @@ function off(instance, event, fn) {
     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);
@@ -2346,7 +2348,7 @@ function compatModelEmit(instance, event, args) {
     }
 }
 
-function emit$1(instance, event, ...rawArgs) {
+function emit$2(instance, event, ...rawArgs) {
     const props = instance.vnode.props || EMPTY_OBJ;
     {
         const { emitsOptions, propsOptions: [propsOptions] } = instance;
@@ -2422,7 +2424,7 @@ function emit$1(instance, event, ...rawArgs) {
     }
     {
         compatModelEmit(instance, event, args);
-        return emit(instance, event, args);
+        return emit$1(instance, event, args);
     }
 }
 function normalizeEmitsOptions(comp, appContext, asMixin = false) {
@@ -5421,7 +5423,7 @@ function createCompatVue(createApp, createSingletonApp) {
             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)) {
@@ -6419,10 +6421,10 @@ function createHydrationRenderer(options) {
 }
 // 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 = () => {}`
@@ -9607,7 +9609,7 @@ function createComponentInstance(vnode, parent, suspense) {
         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);
@@ -9772,19 +9774,11 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
         }
     }
     // template / render function normalization
-    if (isSSR) {
-        // 1. the render function may already exist, returned by `setup`
-        // 2. otherwise try to use the `Component.render`
-        // 3. if the component doesn't have a render function,
-        //    set `instance.render` to NOOP so that it can inherit the render
-        //    function from mixins/extend
-        instance.render = (instance.render ||
-            Component.render ||
-            NOOP);
-    }
-    else if (!instance.render) {
-        // could be set from setup()
-        if (compile && !Component.render) {
+    // could be already set when returned from setup()
+    if (!instance.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;
@@ -11021,7 +11015,7 @@ function isMemoSame(cached, memo) {
 }
 
 // Core API ------------------------------------------------------------------
-const version = "3.2.13";
+const version = "3.2.17";
 const _ssrUtils = {
     createComponentInstance,
     setupComponent,
@@ -12469,8 +12463,9 @@ function callModelHook(el, binding, vnode, prevVNode, hook) {
     const fn = modelToUse[hook];
     fn && fn(el, binding, vnode, prevVNode);
 }
-// SSR vnode transforms
-{
+// SSR vnode transforms, only used when user includes client-oriented render
+// function in SSR
+function initVModelForSSR() {
     vModelText.getSSRProps = ({ value }) => ({ value });
     vModelRadio.getSSRProps = ({ value }, vnode) => {
         if (vnode.props && looseEqual(vnode.props.value, value)) {
@@ -12618,15 +12613,17 @@ const vShow = {
         setDisplay(el, value);
     }
 };
-{
+function setDisplay(el, value) {
+    el.style.display = value ? el._vod : 'none';
+}
+// SSR vnode transforms, only used when user includes client-oriented render
+// function in SSR
+function initVShowForSSR() {
     vShow.getSSRProps = ({ value }) => {
         if (!value) {
             return { style: { display: 'none' } };
         }
     };
-}
-function setDisplay(el, value) {
-    el.style.display = value ? el._vod : 'none';
 }
 
 const rendererOptions = extend({ patchProp }, nodeOps);
@@ -12761,7 +12758,19 @@ function normalizeContainer(container) {
         warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
     }
     return container;
-}
+}
+let ssrDirectiveInitialized = false;
+/**
+ * @internal
+ */
+const initDirectivesForSSR = () => {
+        if (!ssrDirectiveInitialized) {
+            ssrDirectiveInitialized = true;
+            initVModelForSSR();
+            initVShowForSSR();
+        }
+    }
+    ;
 
 var runtimeDom = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -12769,6 +12778,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   hydrate: hydrate,
   createApp: createApp,
   createSSRApp: createSSRApp,
+  initDirectivesForSSR: initDirectivesForSSR,
   defineCustomElement: defineCustomElement,
   defineSSRCustomElement: defineSSRCustomElement,
   VueElement: VueElement,
@@ -13005,7 +13015,7 @@ const errorMessages = {
     [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__ */]: ``
 };
 
@@ -13250,27 +13260,22 @@ function isCoreComponent(tag) {
 }
 const nonIdentifierRE = /^\d|[^\$\w]/;
 const isSimpleIdentifier = (name) => !nonIdentifierRE.test(name);
-const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/;
 const isMemberExpressionNode = (path, context) => {
-    path = path.trim();
-    if (!validFirstIdentCharRE.test(path[0])) {
-        return false;
-    }
-    try {
-        let ret = parser.parseExpression(path, {
-            plugins: [...context.expressionPlugins, ...babelParserDefaultPlugins]
-        });
-        if (ret.type === 'TSAsExpression' || ret.type === 'TSTypeAssertion') {
-            ret = ret.expression;
+        try {
+            let ret = parser.parseExpression(path, {
+                plugins: [...context.expressionPlugins, ...babelParserDefaultPlugins]
+            });
+            if (ret.type === 'TSAsExpression' || ret.type === 'TSTypeAssertion') {
+                ret = ret.expression;
+            }
+            return (ret.type === 'MemberExpression' ||
+                ret.type === 'OptionalMemberExpression' ||
+                ret.type === 'Identifier');
         }
-        return (ret.type === 'MemberExpression' ||
-            ret.type === 'OptionalMemberExpression' ||
-            ret.type === 'Identifier');
-    }
-    catch (e) {
-        return false;
-    }
-};
+        catch (e) {
+            return false;
+        }
+    };
 const isMemberExpression = isMemberExpressionNode;
 function getInnerRange(loc, offset, length) {
     const source = loc.source.substr(offset, length);
@@ -15058,7 +15063,7 @@ function createStructuralDirectiveTransform(name, fn) {
 }
 
 const PURE_ANNOTATION = `/*#__PURE__*/`;
-function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode === 'module', sourceMap: sourceMap$1 = 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: sourceMap$1 = 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,
@@ -15068,6 +15073,7 @@ function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode
         optimizeImports,
         runtimeGlobalName,
         runtimeModuleName,
+        ssrRuntimeModuleName,
         ssr,
         isTS,
         inSSR,
@@ -15244,7 +15250,7 @@ function generate(ast, options = {}) {
     };
 }
 function genFunctionPreamble(ast, context) {
-    const { ssr, prefixIdentifiers, push, newline, runtimeModuleName, runtimeGlobalName } = context;
+    const { ssr, prefixIdentifiers, push, newline, runtimeModuleName, runtimeGlobalName, ssrRuntimeModuleName } = context;
     const VueBinding = ssr
         ? `require(${JSON.stringify(runtimeModuleName)})`
         : runtimeGlobalName;
@@ -15284,14 +15290,14 @@ function genFunctionPreamble(ast, context) {
         // ssr guarantees prefixIdentifier: true
         push(`const { ${ast.ssrHelpers
             .map(aliasHelper)
-            .join(', ')} } = require("@vue/server-renderer")\n`);
+            .join(', ')} } = require("${ssrRuntimeModuleName}")\n`);
     }
     genHoists(ast.hoists, context);
     newline();
     push(`return `);
 }
 function genModulePreamble(ast, context, genScopeId, inline) {
-    const { push, newline, optimizeImports, runtimeModuleName } = context;
+    const { push, newline, optimizeImports, runtimeModuleName, ssrRuntimeModuleName } = context;
     if (genScopeId && ast.hoists.length) {
         ast.helpers.push(PUSH_SCOPE_ID, POP_SCOPE_ID);
     }
@@ -15319,7 +15325,7 @@ function genModulePreamble(ast, context, genScopeId, inline) {
     if (ast.ssrHelpers && ast.ssrHelpers.length) {
         push(`import { ${ast.ssrHelpers
             .map(s => `${helperNameMap[s]} as _${helperNameMap[s]}`)
-            .join(', ')} } from "@vue/server-renderer"\n`);
+            .join(', ')} } from "${ssrRuntimeModuleName}"\n`);
     }
     if (ast.imports.length) {
         genImports(ast.imports, context);
@@ -17427,7 +17433,7 @@ function buildProps(node, context, props = node.props, ssr = false) {
                 hasRef = true;
                 // in inline mode there is no setupState object, so we can't use string
                 // keys to set the ref. Instead, we need to transform it to pass the
-                // acrtual ref instead.
+                // actual ref instead.
                 if (context.inline && (value === null || value === void 0 ? void 0 : value.content)) {
                     valueNode = createFunctionExpression(['_value', '_refs']);
                     valueNode.body = createBlockStatement(processInlineRef(context, value.content));
@@ -18151,9 +18157,9 @@ const transformModel = (dir, node, context) => {
         if (bindingType === "setup-ref" /* SETUP_REF */) {
             // v-model used on known ref.
             assignmentExp = createCompoundExpression([
-                `${eventArg} => (`,
+                `${eventArg} => ((`,
                 createSimpleExpression(rawExp, false, exp.loc),
-                `.value = $event)`
+                `).value = $event)`
             ]);
         }
         else {
@@ -18161,17 +18167,17 @@ const transformModel = (dir, node, context) => {
             // the assignment needs to check whether the binding is actually a ref.
             const altAssignment = bindingType === "setup-let" /* SETUP_LET */ ? `${rawExp} = $event` : `null`;
             assignmentExp = createCompoundExpression([
-                `${eventArg} => (${context.helperString(IS_REF)}(${rawExp}) ? `,
+                `${eventArg} => (${context.helperString(IS_REF)}(${rawExp}) ? (`,
                 createSimpleExpression(rawExp, false, exp.loc),
-                `.value = $event : ${altAssignment})`
+                `).value = $event : ${altAssignment})`
             ]);
         }
     }
     else {
         assignmentExp = createCompoundExpression([
-            `${eventArg} => (`,
+            `${eventArg} => ((`,
             exp,
-            ` = $event)`
+            `) = $event)`
         ]);
     }
     const props = [