@vue/compiler-sfc 3.2.13 → 3.2.14

package/README.md

@@ -2,6 +2,8 @@
 
 > Lower level utilities for compiling Vue Single File Components
 
+**Note: as of 3.2.13+, this package is included as a dependency of the main `vue` package and can be accessed as `vue/compiler-sfc`. This means you no longer need to explicitly install this package and ensure its version match that of `vue`'s. Just use the main `vue/compiler-sfc` deep import instead.**
+
 This package contains lower level utilities that you can use if you are writing a plugin / transform for a bundler or module system that compiles Vue Single File Components (SFCs) into JavaScript. It is used in [vue-loader](https://github.com/vuejs/vue-loader), [rollup-plugin-vue](https://github.com/vuejs/rollup-plugin-vue) and [vite](https://github.com/vitejs/vite).
 
 ## API
@@ -9,6 +11,7 @@ This package contains lower level utilities that you can use if you are writing
 The API is intentionally low-level due to the various considerations when integrating Vue SFCs in a build system:
 
 - Separate hot-module replacement (HMR) for script, template and styles
+
   - template updates should not reset component state
   - style updates should be performed without component re-render
 
@@ -74,6 +77,4 @@ export default script
 
 Options needed for these APIs can be passed via the query string.
 
-
-
 For detailed API references and options, check out the source type definitions. For actual usage of these APIs, check out [rollup-plugin-vue](https://github.com/vuejs/rollup-plugin-vue/tree/next) or [vue-loader](https://github.com/vuejs/vue-loader/tree/next).

package/dist/compiler-sfc.cjs.js

@@ -15869,6 +15869,7 @@ function compileScript(sfc, options) {
     const helperImports = new Set();
     const userImports = Object.create(null);
     const userImportAlias = Object.create(null);
+    const scriptBindings = Object.create(null);
     const setupBindings = Object.create(null);
     let defaultExport;
     let hasDefinePropsCall = false;
@@ -16205,14 +16206,14 @@ function compileScript(sfc, options) {
                     }
                 }
                 if (node.declaration) {
-                    walkDeclaration(node.declaration, setupBindings, userImportAlias);
+                    walkDeclaration(node.declaration, scriptBindings, userImportAlias);
                 }
             }
             else if ((node.type === 'VariableDeclaration' ||
                 node.type === 'FunctionDeclaration' ||
                 node.type === 'ClassDeclaration') &&
                 !node.declare) {
-                walkDeclaration(node, setupBindings, userImportAlias);
+                walkDeclaration(node, scriptBindings, userImportAlias);
             }
         }
         // apply ref transform
@@ -16462,6 +16463,9 @@ function compileScript(sfc, options) {
                 ? "setup-const" /* SETUP_CONST */
                 : "setup-maybe-ref" /* SETUP_MAYBE_REF */;
     }
+    for (const key in scriptBindings) {
+        bindingMetadata[key] = scriptBindings[key];
+    }
     for (const key in setupBindings) {
         bindingMetadata[key] = setupBindings[key];
     }
@@ -16552,8 +16556,8 @@ function compileScript(sfc, options) {
         }
     }
     else {
-        // return bindings from setup
-        const allBindings = Object.assign({}, setupBindings);
+        // return bindings from script and script setup
+        const allBindings = Object.assign(Object.assign({}, scriptBindings), setupBindings);
         for (const key in userImports) {
             if (!userImports[key].isType && userImports[key].isUsedInTemplate) {
                 allBindings[key] = true;

package/dist/compiler-sfc.esm-browser.js

@@ -524,7 +524,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__ */]: ``
 };
 
@@ -15447,10 +15447,6 @@ const isMemberExpressionBrowser = (path) => {
     return !currentOpenBracketCount && !currentOpenParensCount;
 };
 const isMemberExpressionNode = (path, context) => {
-    path = path.trim();
-    if (!validFirstIdentCharRE.test(path[0])) {
-        return false;
-    }
     try {
         let ret = parseExpression_1(path, {
             plugins: [...context.expressionPlugins, ...babelParserDefaultPlugins]
@@ -22945,7 +22941,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));
@@ -23634,9 +23630,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 {
@@ -23644,17 +23640,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 = [
@@ -46591,6 +46587,7 @@ function compileScript(sfc, options) {
     const helperImports = new Set();
     const userImports = Object.create(null);
     const userImportAlias = Object.create(null);
+    const scriptBindings = Object.create(null);
     const setupBindings = Object.create(null);
     let defaultExport;
     let hasDefinePropsCall = false;
@@ -46927,14 +46924,14 @@ function compileScript(sfc, options) {
                     }
                 }
                 if (node.declaration) {
-                    walkDeclaration(node.declaration, setupBindings, userImportAlias);
+                    walkDeclaration(node.declaration, scriptBindings, userImportAlias);
                 }
             }
             else if ((node.type === 'VariableDeclaration' ||
                 node.type === 'FunctionDeclaration' ||
                 node.type === 'ClassDeclaration') &&
                 !node.declare) {
-                walkDeclaration(node, setupBindings, userImportAlias);
+                walkDeclaration(node, scriptBindings, userImportAlias);
             }
         }
         // apply ref transform
@@ -47184,6 +47181,9 @@ function compileScript(sfc, options) {
                 ? "setup-const" /* SETUP_CONST */
                 : "setup-maybe-ref" /* SETUP_MAYBE_REF */;
     }
+    for (const key in scriptBindings) {
+        bindingMetadata[key] = scriptBindings[key];
+    }
     for (const key in setupBindings) {
         bindingMetadata[key] = setupBindings[key];
     }
@@ -47274,8 +47274,8 @@ function compileScript(sfc, options) {
         }
     }
     else {
-        // return bindings from setup
-        const allBindings = Object.assign({}, setupBindings);
+        // return bindings from script and script setup
+        const allBindings = Object.assign(Object.assign({}, scriptBindings), setupBindings);
         for (const key in userImports) {
             if (!userImports[key].isType && userImports[key].isUsedInTemplate) {
                 allBindings[key] = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.2.13",
+  "version": "3.2.14",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -33,11 +33,11 @@
   "homepage": "https://github.com/vuejs/vue-next/tree/master/packages/compiler-sfc#readme",
   "dependencies": {
     "@babel/parser": "^7.15.0",
-    "@vue/compiler-core": "3.2.13",
-    "@vue/compiler-dom": "3.2.13",
-    "@vue/compiler-ssr": "3.2.13",
-    "@vue/ref-transform": "3.2.13",
-    "@vue/shared": "3.2.13",
+    "@vue/compiler-core": "3.2.14",
+    "@vue/compiler-dom": "3.2.14",
+    "@vue/compiler-ssr": "3.2.14",
+    "@vue/ref-transform": "3.2.14",
+    "@vue/shared": "3.2.14",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.25.7",
     "source-map": "^0.6.1",