@vue/compiler-sfc 2.7.0-beta.8 → 2.7.2

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;
     }
 }
 
@@ -646,6 +646,7 @@ const DEFAULT_FILENAME = 'anonymous.vue';
 const splitRE$1 = /\r?\n/g;
 const replaceRE = /./g;
 const isSpecialTag = makeMap('script,style,template', true);
+const isNeedIndentLang = makeMap('pug,jade');
 /**
  * Parse a single-file component (*.vue) file into an SFC Descriptor Object.
  */
@@ -740,7 +741,9 @@ function parseComponent(source, options = {}) {
         if (depth === 1 && currentBlock) {
             currentBlock.end = start;
             let text = source.slice(currentBlock.start, currentBlock.end);
-            if (options.deindent) {
+            if (options.deindent ||
+                // certain langs like pug are indent sensitive, preserve old behavior
+                (currentBlock.lang && isNeedIndentLang(currentBlock.lang))) {
                 text = deIndent(text);
             }
             // pad content so that linters and pre-processors can output correct
@@ -5319,7 +5322,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;
@@ -8264,8 +8267,12 @@ function compileScript(sfc, options = { id: '' }) {
     }
     if (options.babelParserPlugins)
         plugins.push(...options.babelParserPlugins);
-    if (isTS)
-        plugins.push('typescript', 'decorators-legacy');
+    if (isTS) {
+        plugins.push('typescript');
+        if (!plugins.includes('decorators')) {
+            plugins.push('decorators-legacy');
+        }
+    }
     if (!scriptSetup) {
         if (!script) {
             throw new Error(`[@vue/compiler-sfc] SFC contains no <script> tags.`);
@@ -8356,18 +8363,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] = {
@@ -8618,7 +8621,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') {
@@ -8787,7 +8790,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) {
@@ -9522,7 +9525,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))}`;
                     }
@@ -9548,6 +9555,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) {
@@ -9803,7 +9813,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-beta.8",
+  "version": "2.7.2",
   "description": "compiler-sfc for Vue 2",
   "main": "dist/compiler-sfc.js",
   "types": "dist/compiler-sfc.d.ts",