@vue/compiler-sfc 2.7.7 → 2.7.10

package/dist/compiler-sfc.js

@@ -741,10 +741,10 @@ function parseComponent(source, options = {}) {
             currentBlock.end = start;
             let text = source.slice(currentBlock.start, currentBlock.end);
             if (options.deindent === true ||
-                // by default, deindent unless it's script with default lang or ts
+                // by default, deindent unless it's script with default lang or (j/t)sx?
                 (options.deindent !== false &&
                     !(currentBlock.type === 'script' &&
-                        (!currentBlock.lang || currentBlock.lang === 'ts')))) {
+                        (!currentBlock.lang || /^(j|t)sx?$/.test(currentBlock.lang))))) {
                 text = deIndent(text);
             }
             // pad content so that linters and pre-processors can output correct
@@ -3796,7 +3796,7 @@ function defineReactive(obj, key, val, customSetter, shallow, mock) {
                 // #7981: for accessor properties without setter
                 return;
             }
-            else if (isRef(value) && !isRef(newVal)) {
+            else if (!shallow && isRef(value) && !isRef(newVal)) {
                 value.value = newVal;
                 return;
             }
@@ -4610,12 +4610,12 @@ function proxyNormalSlot(slots, key) {
     return () => slots[key];
 }
 
-function syncSetupAttrs(to, from, prev, instance) {
+function syncSetupProxy(to, from, prev, instance, type) {
     let changed = false;
     for (const key in from) {
         if (!(key in to)) {
             changed = true;
-            defineProxyAttr(to, key, instance);
+            defineProxyAttr(to, key, instance, type);
         }
         else if (from[key] !== prev[key]) {
             changed = true;
@@ -4629,12 +4629,12 @@ function syncSetupAttrs(to, from, prev, instance) {
     }
     return changed;
 }
-function defineProxyAttr(proxy, key, instance) {
+function defineProxyAttr(proxy, key, instance, type) {
     Object.defineProperty(proxy, key, {
         enumerable: true,
         configurable: true,
         get() {
-            return instance.$attrs[key];
+            return instance[type][key];
         }
     });
 }
@@ -4714,12 +4714,19 @@ function updateChildComponent(vm, propsData, listeners, parentVnode, renderChild
     if (vm._attrsProxy) {
         // force update if attrs are accessed and has changed since it may be
         // passed to a child component.
-        if (syncSetupAttrs(vm._attrsProxy, attrs, (prevVNode.data && prevVNode.data.attrs) || emptyObject, vm)) {
+        if (syncSetupProxy(vm._attrsProxy, attrs, (prevVNode.data && prevVNode.data.attrs) || emptyObject, vm, '$attrs')) {
             needsForceUpdate = true;
         }
     }
     vm.$attrs = attrs;
-    vm.$listeners = listeners || emptyObject;
+    // update listeners
+    listeners = listeners || emptyObject;
+    const prevListeners = vm.$options._parentListeners;
+    if (vm._listenersProxy) {
+        syncSetupProxy(vm._listenersProxy, listeners, prevListeners || emptyObject, vm, '$listeners');
+    }
+    vm.$listeners = vm.$options._parentListeners = listeners;
+    updateComponentListeners(vm, listeners, prevListeners);
     // update props
     if (propsData && vm.$options.props) {
         toggleObserving(false);
@@ -4734,11 +4741,6 @@ function updateChildComponent(vm, propsData, listeners, parentVnode, renderChild
         // keep a copy of raw propsData
         vm.$options.propsData = propsData;
     }
-    // update listeners
-    listeners = listeners || emptyObject;
-    const oldListeners = vm.$options._parentListeners;
-    vm.$options._parentListeners = listeners;
-    updateComponentListeners(vm, listeners, oldListeners);
     // resolve slots + force update if has children
     if (needsForceUpdate) {
         vm.$slots = resolveSlots(renderChildren, parentVnode.context);
@@ -8179,7 +8181,13 @@ function rewriteDefault(input, as, parserPlugins) {
     }).program.body;
     ast.forEach(node => {
         if (node.type === 'ExportDefaultDeclaration') {
-            s.overwrite(node.start, node.declaration.start, `const ${as} = `);
+            if (node.declaration.type === 'ClassDeclaration') {
+                s.overwrite(node.start, node.declaration.id.start, `class `);
+                s.append(`\nconst ${as} = ${node.declaration.id.name}`);
+            }
+            else {
+                s.overwrite(node.start, node.declaration.start, `const ${as} = `);
+            }
         }
         if (node.type === 'ExportNamedDeclaration') {
             for (const specifier of node.specifiers) {
@@ -9701,9 +9709,14 @@ function urlToRequire(url, transformAssetUrlsOption = {}) {
         // does not apply to absolute urls or urls that start with `@`
         // since they are aliases
         if (firstChar === '.' || firstChar === '~') {
+            // Allow for full hostnames provided in options.base
+            const base = parseUriParts(transformAssetUrlsOption.base);
+            const protocol = base.protocol || '';
+            const host = base.host ? protocol + '//' + base.host : '';
+            const basePath = base.path || '/';
             // when packaged in the browser, path will be using the posix-
             // only version provided by rollup-plugin-node-builtins.
-            return `"${(path__default["default"].posix || path__default["default"]).join(transformAssetUrlsOption.base, uriParts.path + (uriParts.hash || ''))}"`;
+            return `"${host}${(path__default["default"].posix || path__default["default"]).join(basePath, uriParts.path + (uriParts.hash || ''))}"`;
         }
     }
     if (transformAssetUrlsOption.includeAbsolute ||
@@ -9735,7 +9748,7 @@ function parseUriParts(urlString) {
         // @see https://nodejs.org/api/url.html#url_url_parse_urlstring_parsequerystring_slashesdenotehost
         if ('string' === typeof urlString) {
             // check is an uri
-            return url.parse(urlString); // take apart the uri
+            return url.parse(urlString, false, true); // take apart the uri
         }
     }
     return returnValue;
@@ -12006,10 +12019,7 @@ function genElement(el, state) {
             // check if this is a component in <script setup>
             const bindings = state.options.bindings;
             if (maybeComponent && bindings && bindings.__isScriptSetup !== false) {
-                tag =
-                    checkBindingType(bindings, el.tag) ||
-                        checkBindingType(bindings, camelize(el.tag)) ||
-                        checkBindingType(bindings, capitalize(camelize(el.tag)));
+                tag = checkBindingType(bindings, el.tag);
             }
             if (!tag)
                 tag = `'${el.tag}'`;
@@ -12026,9 +12036,29 @@ function genElement(el, state) {
     }
 }
 function checkBindingType(bindings, key) {
-    const type = bindings[key];
-    if (type && type.startsWith('setup')) {
-        return key;
+    const camelName = camelize(key);
+    const PascalName = capitalize(camelName);
+    const checkType = (type) => {
+        if (bindings[key] === type) {
+            return key;
+        }
+        if (bindings[camelName] === type) {
+            return camelName;
+        }
+        if (bindings[PascalName] === type) {
+            return PascalName;
+        }
+    };
+    const fromConst = checkType("setup-const" /* BindingTypes.SETUP_CONST */) ||
+        checkType("setup-reactive-const" /* BindingTypes.SETUP_REACTIVE_CONST */);
+    if (fromConst) {
+        return fromConst;
+    }
+    const fromMaybeRef = checkType("setup-let" /* BindingTypes.SETUP_LET */) ||
+        checkType("setup-ref" /* BindingTypes.SETUP_REF */) ||
+        checkType("setup-maybe-ref" /* BindingTypes.SETUP_MAYBE_REF */);
+    if (fromMaybeRef) {
+        return fromMaybeRef;
     }
 }
 // hoist static sub-trees out
@@ -13246,8 +13276,7 @@ function actuallyCompile(options) {
         };
     }
     else {
-        // transpile code with vue-template-es2015-compiler, which is a forked
-        // version of Buble that applies ES2015 transforms + stripping `with` usage
+        // stripping `with` usage
         let code = `var __render__ = ${prefixIdentifiers(`function render(${isFunctional ? `_c,_vm` : ``}){${render}\n}`, isFunctional, isTS, transpileOptions, bindings)}\n` +
             `var __staticRenderFns__ = [${staticRenderFns.map(code => prefixIdentifiers(`function (${isFunctional ? `_c,_vm` : ``}){${code}\n}`, isFunctional, isTS, transpileOptions, bindings))}]` +
             `\n`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "2.7.7",
+  "version": "2.7.10",
   "description": "compiler-sfc for Vue 2",
   "main": "dist/compiler-sfc.js",
   "types": "dist/compiler-sfc.d.ts",
@@ -29,7 +29,6 @@
     "postcss-selector-parser": "^6.0.10",
     "pug": "^3.0.2",
     "sass": "^1.52.3",
-    "stylus": "^0.58.1",
-    "vue-template-es2015-compiler": "^1.9.1"
+    "stylus": "^0.58.1"
   }
 }