@vue/compiler-sfc 2.7.0 → 2.7.1

package/dist/compiler-sfc.js

@@ -329,7 +329,7 @@ function hasChanged(x, y) {
         return x === 0 && 1 / x !== 1 / y;
     }
     else {
-        return x === x && y === y;
+        return x === x || y === y;
     }
 }
 
@@ -5319,7 +5319,7 @@ function defineReactive(obj, key, val, customSetter, shallow) {
                     }
                 }
             }
-            return isRef(value) ? value.value : value;
+            return isRef(value) && !shallow ? value.value : value;
         },
         set: function reactiveSetter(newVal) {
             const value = getter ? getter.call(obj) : val;
@@ -8360,18 +8360,14 @@ function compileScript(sfc, options = { id: '' }) {
     function error(msg, node, end = node.end + startOffset) {
         throw new Error(`[@vue/compiler-sfc] ${msg}\n\n${filename}\n${generateCodeFrame(source, node.start + startOffset, end)}`);
     }
-    function registerUserImport(source, local, imported, isType, isFromSetup, needTemplateUsageCheck) {
+    function registerUserImport(source, local, imported, isType, isFromSetup) {
         if (source === 'vue' && imported) {
             userImportAlias[imported] = local;
         }
         // template usage check is only needed in non-inline mode, so we can skip
         // the work if inlineTemplate is true.
-        let isUsedInTemplate = needTemplateUsageCheck;
-        if (needTemplateUsageCheck &&
-            isTS &&
-            sfc.template &&
-            !sfc.template.src &&
-            !sfc.template.lang) {
+        let isUsedInTemplate = true;
+        if (isTS && sfc.template && !sfc.template.src && !sfc.template.lang) {
             isUsedInTemplate = isImportUsed(local, sfc);
         }
         userImports[local] = {
@@ -8622,7 +8618,7 @@ function compileScript(sfc, options = { id: '' }) {
                         specifier.imported.name;
                     registerUserImport(node.source.value, specifier.local.name, imported, node.importKind === 'type' ||
                         (specifier.type === 'ImportSpecifier' &&
-                            specifier.importKind === 'type'), false, true);
+                            specifier.importKind === 'type'), false);
                 }
             }
             else if (node.type === 'ExportDefaultDeclaration') {
@@ -8791,7 +8787,7 @@ function compileScript(sfc, options = { id: '' }) {
                 else {
                     registerUserImport(source, local, imported, node.importKind === 'type' ||
                         (specifier.type === 'ImportSpecifier' &&
-                            specifier.importKind === 'type'), true, true);
+                            specifier.importKind === 'type'), true);
                 }
             }
             if (node.specifiers.length && removed === node.specifiers.length) {
@@ -9526,7 +9522,11 @@ function resolveTemplateUsageCheckString(sfc) {
             for (let i = 0; i < attrs.length; i++) {
                 const { name, value } = attrs[i];
                 if (dirRE.test(name)) {
-                    const baseName = name.replace(dirRE, '');
+                    const baseName = onRE.test(name)
+                        ? 'on'
+                        : bindRE.test(name)
+                            ? 'bind'
+                            : name.replace(dirRE, '');
                     if (!isBuiltInDir$1(baseName)) {
                         code += `,v${capitalize(camelize(baseName))}`;
                     }
@@ -9552,6 +9552,9 @@ function processExp(exp, dir) {
         if (dir === 'slot') {
             exp = `(${exp})=>{}`;
         }
+        else if (dir === 'on') {
+            exp = `()=>{${exp}}`;
+        }
         else if (dir === 'for') {
             const inMatch = exp.match(forAliasRE);
             if (inMatch) {
@@ -9807,7 +9810,7 @@ function transform(node, transformAssetUrlsOptions) {
                     return;
                 }
                 const imageCandidates = value
-                    .substr(1, value.length - 2)
+                    .slice(1, -1)
                     .split(',')
                     .map(s => {
                     // The attribute value arrives here with all whitespace, except

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "description": "compiler-sfc for Vue 2",
   "main": "dist/compiler-sfc.js",
   "types": "dist/compiler-sfc.d.ts",