@vue/compiler-sfc 3.3.6 → 3.4.0-alpha.1

package/dist/compiler-sfc.cjs.js

@@ -4257,6 +4257,7 @@ function doCompileTemplate({
     slotted,
     sourceMap: true,
     ...compilerOptions,
+    hmr: !isProd,
     nodeTransforms: nodeTransforms.concat(compilerOptions.nodeTransforms || []),
     filename,
     onError: (e) => errors.push(e),
@@ -11857,6 +11858,122 @@ function words(string, pattern, guard) {
 
 var lodash_camelcase = camelCase;
 
+var BulkUpdateDecorator_1;
+var hasRequiredBulkUpdateDecorator;
+
+function requireBulkUpdateDecorator () {
+	if (hasRequiredBulkUpdateDecorator) return BulkUpdateDecorator_1;
+	hasRequiredBulkUpdateDecorator = 1;
+	const BULK_SIZE = 2000;
+
+	// We are using an object instead of a Map as this will stay static during the runtime
+	// so access to it can be optimized by v8
+	const digestCaches = {};
+
+	class BulkUpdateDecorator {
+	  /**
+	   * @param {Hash | function(): Hash} hashOrFactory function to create a hash
+	   * @param {string=} hashKey key for caching
+	   */
+	  constructor(hashOrFactory, hashKey) {
+	    this.hashKey = hashKey;
+
+	    if (typeof hashOrFactory === "function") {
+	      this.hashFactory = hashOrFactory;
+	      this.hash = undefined;
+	    } else {
+	      this.hashFactory = undefined;
+	      this.hash = hashOrFactory;
+	    }
+
+	    this.buffer = "";
+	  }
+
+	  /**
+	   * Update hash {@link https://nodejs.org/api/crypto.html#crypto_hash_update_data_inputencoding}
+	   * @param {string|Buffer} data data
+	   * @param {string=} inputEncoding data encoding
+	   * @returns {this} updated hash
+	   */
+	  update(data, inputEncoding) {
+	    if (
+	      inputEncoding !== undefined ||
+	      typeof data !== "string" ||
+	      data.length > BULK_SIZE
+	    ) {
+	      if (this.hash === undefined) {
+	        this.hash = this.hashFactory();
+	      }
+
+	      if (this.buffer.length > 0) {
+	        this.hash.update(this.buffer);
+	        this.buffer = "";
+	      }
+
+	      this.hash.update(data, inputEncoding);
+	    } else {
+	      this.buffer += data;
+
+	      if (this.buffer.length > BULK_SIZE) {
+	        if (this.hash === undefined) {
+	          this.hash = this.hashFactory();
+	        }
+
+	        this.hash.update(this.buffer);
+	        this.buffer = "";
+	      }
+	    }
+
+	    return this;
+	  }
+
+	  /**
+	   * Calculates the digest {@link https://nodejs.org/api/crypto.html#crypto_hash_digest_encoding}
+	   * @param {string=} encoding encoding of the return value
+	   * @returns {string|Buffer} digest
+	   */
+	  digest(encoding) {
+	    let digestCache;
+
+	    const buffer = this.buffer;
+
+	    if (this.hash === undefined) {
+	      // short data for hash, we can use caching
+	      const cacheKey = `${this.hashKey}-${encoding}`;
+
+	      digestCache = digestCaches[cacheKey];
+
+	      if (digestCache === undefined) {
+	        digestCache = digestCaches[cacheKey] = new Map();
+	      }
+
+	      const cacheEntry = digestCache.get(buffer);
+
+	      if (cacheEntry !== undefined) {
+	        return cacheEntry;
+	      }
+
+	      this.hash = this.hashFactory();
+	    }
+
+	    if (buffer.length > 0) {
+	      this.hash.update(buffer);
+	    }
+
+	    const digestResult = this.hash.digest(encoding);
+
+	    if (digestCache !== undefined) {
+	      digestCache.set(buffer, digestResult);
+	    }
+
+	    return digestResult;
+	  }
+	}
+
+	BulkUpdateDecorator_1 = BulkUpdateDecorator;
+	return BulkUpdateDecorator_1;
+}
+
 var wasmHash = {exports: {}};
 
 /*
@@ -12079,27 +12196,27 @@ function requireWasmHash () {
 	Author Tobias Koppers @sokra
 */
 
-var xxhash64_1;
-var hasRequiredXxhash64;
+var md4_1;
+var hasRequiredMd4;
 
-function requireXxhash64 () {
-	if (hasRequiredXxhash64) return xxhash64_1;
-	hasRequiredXxhash64 = 1;
+function requireMd4 () {
+	if (hasRequiredMd4) return md4_1;
+	hasRequiredMd4 = 1;
 
 	const create = requireWasmHash();
 
-	//#region wasm code: xxhash64 (../../../assembly/hash/xxhash64.asm.ts) --initialMemory 1
-	const xxhash64 = new WebAssembly.Module(
+	//#region wasm code: md4 (../../../assembly/hash/md4.asm.ts) --initialMemory 1
+	const md4 = new WebAssembly.Module(
 	  Buffer.from(
-	    // 1173 bytes
-	    "AGFzbQEAAAABCAJgAX8AYAAAAwQDAQAABQMBAAEGGgV+AUIAC34BQgALfgFCAAt+AUIAC34BQgALByIEBGluaXQAAAZ1cGRhdGUAAQVmaW5hbAACBm1lbW9yeQIACrUIAzAAQtbrgu7q/Yn14AAkAELP1tO+0ser2UIkAUIAJAJC+erQ0OfJoeThACQDQgAkBAvUAQIBfwR+IABFBEAPCyMEIACtfCQEIwAhAiMBIQMjAiEEIwMhBQNAIAIgASkDAELP1tO+0ser2UJ+fEIfiUKHla+vmLbem55/fiECIAMgASkDCELP1tO+0ser2UJ+fEIfiUKHla+vmLbem55/fiEDIAQgASkDEELP1tO+0ser2UJ+fEIfiUKHla+vmLbem55/fiEEIAUgASkDGELP1tO+0ser2UJ+fEIfiUKHla+vmLbem55/fiEFIAAgAUEgaiIBSw0ACyACJAAgAyQBIAQkAiAFJAMLqwYCAX8EfiMEQgBSBH4jACICQgGJIwEiA0IHiXwjAiIEQgyJfCMDIgVCEol8IAJCz9bTvtLHq9lCfkIfiUKHla+vmLbem55/foVCh5Wvr5i23puef35CnaO16oOxjYr6AH0gA0LP1tO+0ser2UJ+Qh+JQoeVr6+Ytt6bnn9+hUKHla+vmLbem55/fkKdo7Xqg7GNivoAfSAEQs/W077Sx6vZQn5CH4lCh5Wvr5i23puef36FQoeVr6+Ytt6bnn9+Qp2jteqDsY2K+gB9IAVCz9bTvtLHq9lCfkIfiUKHla+vmLbem55/foVCh5Wvr5i23puef35CnaO16oOxjYr6AH0FQsXP2bLx5brqJwsjBCAArXx8IQIDQCABQQhqIABNBEAgAiABKQMAQs/W077Sx6vZQn5CH4lCh5Wvr5i23puef36FQhuJQoeVr6+Ytt6bnn9+Qp2jteqDsY2K+gB9IQIgAUEIaiEBDAELCyABQQRqIABNBEACfyACIAE1AgBCh5Wvr5i23puef36FQheJQs/W077Sx6vZQn5C+fPd8Zn2masWfCECIAFBBGoLIQELA0AgACABRwRAIAIgATEAAELFz9my8eW66id+hUILiUKHla+vmLbem55/fiECIAFBAWohAQwBCwtBACACIAJCIYiFQs/W077Sx6vZQn4iAiACQh2IhUL5893xmfaZqxZ+IgIgAkIgiIUiAkIgiCIDQv//A4NCIIYgA0KAgPz/D4NCEIiEIgNC/4GAgPAfg0IQhiADQoD+g4CA4D+DQgiIhCIDQo+AvIDwgcAHg0IIhiADQvCBwIeAnoD4AINCBIiEIgNChoyYsODAgYMGfEIEiEKBgoSIkKDAgAGDQid+IANCsODAgYOGjJgwhHw3AwBBCCACQv////8PgyICQv//A4NCIIYgAkKAgPz/D4NCEIiEIgJC/4GAgPAfg0IQhiACQoD+g4CA4D+DQgiIhCICQo+AvIDwgcAHg0IIhiACQvCBwIeAnoD4AINCBIiEIgJChoyYsODAgYMGfEIEiEKBgoSIkKDAgAGDQid+IAJCsODAgYOGjJgwhHw3AwAL",
+	    // 2150 bytes
+	    "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",
 	    "base64"
 	  )
 	);
 	//#endregion
 
-	xxhash64_1 = create.bind(null, xxhash64, [], 32, 16);
-	return xxhash64_1;
+	md4_1 = create.bind(null, md4, [], 64, 32);
+	return md4_1;
 }
 
 var BatchedHash_1;
@@ -12180,143 +12297,27 @@ function requireBatchedHash () {
 	Author Tobias Koppers @sokra
 */
 
-var md4_1;
-var hasRequiredMd4;
+var xxhash64_1;
+var hasRequiredXxhash64;
 
-function requireMd4 () {
-	if (hasRequiredMd4) return md4_1;
-	hasRequiredMd4 = 1;
+function requireXxhash64 () {
+	if (hasRequiredXxhash64) return xxhash64_1;
+	hasRequiredXxhash64 = 1;
 
 	const create = requireWasmHash();
 
-	//#region wasm code: md4 (../../../assembly/hash/md4.asm.ts) --initialMemory 1
-	const md4 = new WebAssembly.Module(
+	//#region wasm code: xxhash64 (../../../assembly/hash/xxhash64.asm.ts) --initialMemory 1
+	const xxhash64 = new WebAssembly.Module(
 	  Buffer.from(
-	    // 2150 bytes
-	    "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",
+	    // 1173 bytes
+	    "AGFzbQEAAAABCAJgAX8AYAAAAwQDAQAABQMBAAEGGgV+AUIAC34BQgALfgFCAAt+AUIAC34BQgALByIEBGluaXQAAAZ1cGRhdGUAAQVmaW5hbAACBm1lbW9yeQIACrUIAzAAQtbrgu7q/Yn14AAkAELP1tO+0ser2UIkAUIAJAJC+erQ0OfJoeThACQDQgAkBAvUAQIBfwR+IABFBEAPCyMEIACtfCQEIwAhAiMBIQMjAiEEIwMhBQNAIAIgASkDAELP1tO+0ser2UJ+fEIfiUKHla+vmLbem55/fiECIAMgASkDCELP1tO+0ser2UJ+fEIfiUKHla+vmLbem55/fiEDIAQgASkDEELP1tO+0ser2UJ+fEIfiUKHla+vmLbem55/fiEEIAUgASkDGELP1tO+0ser2UJ+fEIfiUKHla+vmLbem55/fiEFIAAgAUEgaiIBSw0ACyACJAAgAyQBIAQkAiAFJAMLqwYCAX8EfiMEQgBSBH4jACICQgGJIwEiA0IHiXwjAiIEQgyJfCMDIgVCEol8IAJCz9bTvtLHq9lCfkIfiUKHla+vmLbem55/foVCh5Wvr5i23puef35CnaO16oOxjYr6AH0gA0LP1tO+0ser2UJ+Qh+JQoeVr6+Ytt6bnn9+hUKHla+vmLbem55/fkKdo7Xqg7GNivoAfSAEQs/W077Sx6vZQn5CH4lCh5Wvr5i23puef36FQoeVr6+Ytt6bnn9+Qp2jteqDsY2K+gB9IAVCz9bTvtLHq9lCfkIfiUKHla+vmLbem55/foVCh5Wvr5i23puef35CnaO16oOxjYr6AH0FQsXP2bLx5brqJwsjBCAArXx8IQIDQCABQQhqIABNBEAgAiABKQMAQs/W077Sx6vZQn5CH4lCh5Wvr5i23puef36FQhuJQoeVr6+Ytt6bnn9+Qp2jteqDsY2K+gB9IQIgAUEIaiEBDAELCyABQQRqIABNBEACfyACIAE1AgBCh5Wvr5i23puef36FQheJQs/W077Sx6vZQn5C+fPd8Zn2masWfCECIAFBBGoLIQELA0AgACABRwRAIAIgATEAAELFz9my8eW66id+hUILiUKHla+vmLbem55/fiECIAFBAWohAQwBCwtBACACIAJCIYiFQs/W077Sx6vZQn4iAiACQh2IhUL5893xmfaZqxZ+IgIgAkIgiIUiAkIgiCIDQv//A4NCIIYgA0KAgPz/D4NCEIiEIgNC/4GAgPAfg0IQhiADQoD+g4CA4D+DQgiIhCIDQo+AvIDwgcAHg0IIhiADQvCBwIeAnoD4AINCBIiEIgNChoyYsODAgYMGfEIEiEKBgoSIkKDAgAGDQid+IANCsODAgYOGjJgwhHw3AwBBCCACQv////8PgyICQv//A4NCIIYgAkKAgPz/D4NCEIiEIgJC/4GAgPAfg0IQhiACQoD+g4CA4D+DQgiIhCICQo+AvIDwgcAHg0IIhiACQvCBwIeAnoD4AINCBIiEIgJChoyYsODAgYMGfEIEiEKBgoSIkKDAgAGDQid+IAJCsODAgYOGjJgwhHw3AwAL",
 	    "base64"
 	  )
 	);
 	//#endregion
 
-	md4_1 = create.bind(null, md4, [], 64, 32);
-	return md4_1;
-}
-
-var BulkUpdateDecorator_1;
-var hasRequiredBulkUpdateDecorator;
-
-function requireBulkUpdateDecorator () {
-	if (hasRequiredBulkUpdateDecorator) return BulkUpdateDecorator_1;
-	hasRequiredBulkUpdateDecorator = 1;
-	const BULK_SIZE = 2000;
-
-	// We are using an object instead of a Map as this will stay static during the runtime
-	// so access to it can be optimized by v8
-	const digestCaches = {};
-
-	class BulkUpdateDecorator {
-	  /**
-	   * @param {Hash | function(): Hash} hashOrFactory function to create a hash
-	   * @param {string=} hashKey key for caching
-	   */
-	  constructor(hashOrFactory, hashKey) {
-	    this.hashKey = hashKey;
-
-	    if (typeof hashOrFactory === "function") {
-	      this.hashFactory = hashOrFactory;
-	      this.hash = undefined;
-	    } else {
-	      this.hashFactory = undefined;
-	      this.hash = hashOrFactory;
-	    }
-
-	    this.buffer = "";
-	  }
-
-	  /**
-	   * Update hash {@link https://nodejs.org/api/crypto.html#crypto_hash_update_data_inputencoding}
-	   * @param {string|Buffer} data data
-	   * @param {string=} inputEncoding data encoding
-	   * @returns {this} updated hash
-	   */
-	  update(data, inputEncoding) {
-	    if (
-	      inputEncoding !== undefined ||
-	      typeof data !== "string" ||
-	      data.length > BULK_SIZE
-	    ) {
-	      if (this.hash === undefined) {
-	        this.hash = this.hashFactory();
-	      }
-
-	      if (this.buffer.length > 0) {
-	        this.hash.update(this.buffer);
-	        this.buffer = "";
-	      }
-
-	      this.hash.update(data, inputEncoding);
-	    } else {
-	      this.buffer += data;
-
-	      if (this.buffer.length > BULK_SIZE) {
-	        if (this.hash === undefined) {
-	          this.hash = this.hashFactory();
-	        }
-
-	        this.hash.update(this.buffer);
-	        this.buffer = "";
-	      }
-	    }
-
-	    return this;
-	  }
-
-	  /**
-	   * Calculates the digest {@link https://nodejs.org/api/crypto.html#crypto_hash_digest_encoding}
-	   * @param {string=} encoding encoding of the return value
-	   * @returns {string|Buffer} digest
-	   */
-	  digest(encoding) {
-	    let digestCache;
-
-	    const buffer = this.buffer;
-
-	    if (this.hash === undefined) {
-	      // short data for hash, we can use caching
-	      const cacheKey = `${this.hashKey}-${encoding}`;
-
-	      digestCache = digestCaches[cacheKey];
-
-	      if (digestCache === undefined) {
-	        digestCache = digestCaches[cacheKey] = new Map();
-	      }
-
-	      const cacheEntry = digestCache.get(buffer);
-
-	      if (cacheEntry !== undefined) {
-	        return cacheEntry;
-	      }
-
-	      this.hash = this.hashFactory();
-	    }
-
-	    if (buffer.length > 0) {
-	      this.hash.update(buffer);
-	    }
-
-	    const digestResult = this.hash.digest(encoding);
-
-	    if (digestCache !== undefined) {
-	      digestCache.set(buffer, digestResult);
-	    }
-
-	    return digestResult;
-	  }
-	}
-
-	BulkUpdateDecorator_1 = BulkUpdateDecorator;
-	return BulkUpdateDecorator_1;
+	xxhash64_1 = create.bind(null, xxhash64, [], 32, 16);
+	return xxhash64_1;
 }
 
 const baseEncodeTables = {
@@ -13821,9 +13822,19 @@ function localizeNode(rule, mode, localAliasMap) {
               hasLocals: false,
               explicit: context.explicit,
             };
-            newNodes = node.map((childNode) =>
-              transform(childNode, childContext)
-            );
+            newNodes = node.map((childNode) => {
+              const newContext = {
+                ...childContext,
+                enforceNoSpacing: false,
+              };
+
+              const result = transform(childNode, newContext);
+
+              childContext.global = newContext.global;
+              childContext.hasLocals = newContext.hasLocals;
+
+              return result;
+            });
 
             node = node.clone();
             node.nodes = normalizeNodeArray(newNodes);
@@ -13964,19 +13975,34 @@ function localizeDeclNode(node, context) {
   return node;
 }
 
-function isWordAFunctionArgument(wordNode, functionNode) {
-  return functionNode
-    ? functionNode.nodes.some(
-        (functionNodeChild) =>
-          functionNodeChild.sourceIndex === wordNode.sourceIndex
-      )
-    : false;
-}
+// `none` is special value, other is global values
+const specialKeywords = [
+  "none",
+  "inherit",
+  "initial",
+  "revert",
+  "revert-layer",
+  "unset",
+];
 
 function localizeDeclarationValues(localize, declaration, context) {
   const valueNodes = valueParser(declaration.value);
 
   valueNodes.walk((node, index, nodes) => {
+    if (
+      node.type === "function" &&
+      (node.value.toLowerCase() === "var" || node.value.toLowerCase() === "env")
+    ) {
+      return false;
+    }
+
+    if (
+      node.type === "word" &&
+      specialKeywords.includes(node.value.toLowerCase())
+    ) {
+      return;
+    }
+
     const subContext = {
       options: context.options,
       global: context.global,
@@ -13993,57 +14019,80 @@ function localizeDeclaration(declaration, context) {
   const isAnimation = /animation$/i.test(declaration.prop);
 
   if (isAnimation) {
-    const validIdent = /^-?[_a-z][_a-z0-9-]*$/i;
+    // letter
+    // An uppercase letter or a lowercase letter.
+    //
+    // ident-start code point
+    // A letter, a non-ASCII code point, or U+005F LOW LINE (_).
+    //
+    // ident code point
+    // An ident-start code point, a digit, or U+002D HYPHEN-MINUS (-).
+
+    // We don't validate `hex digits`, because we don't need it, it is work of linters.
+    const validIdent =
+      /^-?([a-z\u0080-\uFFFF_]|(\\[^\r\n\f])|-)((\\[^\r\n\f])|[a-z\u0080-\uFFFF_0-9-])*$/i;
 
     /*
     The spec defines some keywords that you can use to describe properties such as the timing
     function. These are still valid animation names, so as long as there is a property that accepts
     a keyword, it is given priority. Only when all the properties that can take a keyword are
     exhausted can the animation name be set to the keyword. I.e.
-  
+
     animation: infinite infinite;
-  
+
     The animation will repeat an infinite number of times from the first argument, and will have an
     animation name of infinite from the second.
     */
     const animationKeywords = {
+      // animation-direction
+      $normal: 1,
+      $reverse: 1,
       $alternate: 1,
       "$alternate-reverse": 1,
+      // animation-fill-mode
+      $forwards: 1,
       $backwards: 1,
       $both: 1,
+      // animation-iteration-count
+      $infinite: 1,
+      // animation-play-state
+      $paused: 1,
+      $running: 1,
+      // animation-timing-function
       $ease: 1,
       "$ease-in": 1,
-      "$ease-in-out": 1,
       "$ease-out": 1,
-      $forwards: 1,
-      $infinite: 1,
+      "$ease-in-out": 1,
       $linear: 1,
-      $none: Infinity, // No matter how many times you write none, it will never be an animation name
-      $normal: 1,
-      $paused: 1,
-      $reverse: 1,
-      $running: 1,
       "$step-end": 1,
       "$step-start": 1,
+      // Special
+      $none: Infinity, // No matter how many times you write none, it will never be an animation name
+      // Global values
       $initial: Infinity,
       $inherit: Infinity,
       $unset: Infinity,
+      $revert: Infinity,
+      "$revert-layer": Infinity,
     };
     let parsedAnimationKeywords = {};
-    let stepsFunctionNode = null;
     const valueNodes = valueParser(declaration.value).walk((node) => {
-      /* If div-token appeared (represents as comma ','), a possibility of an animation-keywords should be reflesh. */
+      // If div-token appeared (represents as comma ','), a possibility of an animation-keywords should be reflesh.
       if (node.type === "div") {
         parsedAnimationKeywords = {};
+
+        return;
+      }
+      // Do not handle nested functions
+      else if (node.type === "function") {
+        return false;
       }
-      if (node.type === "function" && node.value.toLowerCase() === "steps") {
-        stepsFunctionNode = node;
+      // Ignore all except word
+      else if (node.type !== "word") {
+        return;
       }
-      const value =
-        node.type === "word" &&
-        !isWordAFunctionArgument(node, stepsFunctionNode)
-          ? node.value.toLowerCase()
-          : null;
+
+      const value = node.type === "word" ? node.value.toLowerCase() : null;
 
       let shouldParseAnimationName = false;
 
@@ -14068,6 +14117,7 @@ function localizeDeclaration(declaration, context) {
         localizeNextItem: shouldParseAnimationName && !context.global,
         localAliasMap: context.localAliasMap,
       };
+
       return localizeDeclNode(node, subContext);
     });
 
@@ -15472,6 +15522,7 @@ function specifierEnd(s, end, nodeEnd) {
 
 const normalScriptDefaultVar = `__default__`;
 function processNormalScript(ctx, scopeId) {
+  var _a;
   const script = ctx.descriptor.script;
   if (script.lang && !ctx.isJS && !ctx.isTS) {
     return script;
@@ -15510,7 +15561,7 @@ function processNormalScript(ctx, scopeId) {
       const s = new MagicString(content);
       rewriteDefaultAST(scriptAst.body, s, defaultVar);
       content = s.toString();
-      if (cssVars.length) {
+      if (cssVars.length && !((_a = ctx.options.templateOptions) == null ? void 0 : _a.ssr)) {
         content += genNormalScriptCssVarsCode(
           cssVars,
           bindings,
@@ -18195,7 +18246,7 @@ function importSourceToScope(ctx, node, scope, source) {
   let resolved = scope.resolvedImportSources[source];
   if (!resolved) {
     if (source.startsWith(".")) {
-      const filename = joinPaths(scope.filename, "..", source);
+      const filename = joinPaths(path$3.dirname(scope.filename), source);
       resolved = resolveExt(filename, fs);
     } else {
       if (!ts) {
@@ -19075,7 +19126,7 @@ function genRuntimeProps(ctx) {
       }
     }
   } else if (ctx.propsTypeDecl) {
-    propsDecls = genRuntimePropsFromTypes(ctx);
+    propsDecls = extractRuntimeProps(ctx);
   }
   const modelsDecls = genModelProps(ctx);
   if (propsDecls && modelsDecls) {
@@ -19084,7 +19135,7 @@ function genRuntimeProps(ctx) {
     return modelsDecls || propsDecls;
   }
 }
-function genRuntimePropsFromTypes(ctx) {
+function extractRuntimeProps(ctx) {
   const props = resolveRuntimePropsFromType(ctx, ctx.propsTypeDecl);
   if (!props.length) {
     return;
@@ -19093,7 +19144,7 @@ function genRuntimePropsFromTypes(ctx) {
   const hasStaticDefaults = hasStaticWithDefaults(ctx);
   for (const prop of props) {
     propStrings.push(genRuntimePropFromType(ctx, prop, hasStaticDefaults));
-    if (!(prop.key in ctx.bindingMetadata)) {
+    if ("bindingMetadata" in ctx && !(prop.key in ctx.bindingMetadata)) {
       ctx.bindingMetadata[prop.key] = "props";
     }
   }
@@ -20024,7 +20075,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
     }
   }
   if (sfc.cssVars.length && // no need to do this when targeting SSR
-  !(options.inlineTemplate && ((_a = options.templateOptions) == null ? void 0 : _a.ssr))) {
+  !((_a = options.templateOptions) == null ? void 0 : _a.ssr)) {
     ctx.helperImports.add(CSS_VARS_HELPER);
     ctx.helperImports.add("unref");
     ctx.s.prependLeft(
@@ -20410,7 +20461,7 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.3.6";
+const version = "3.4.0-alpha.1";
 const walk = estreeWalker.walk;
 
 exports.babelParse = parser$2.parse;
@@ -20427,6 +20478,8 @@ exports.compileScript = compileScript;
 exports.compileStyle = compileStyle;
 exports.compileStyleAsync = compileStyleAsync;
 exports.compileTemplate = compileTemplate;
+exports.extractRuntimeEmits = extractRuntimeEmits;
+exports.extractRuntimeProps = extractRuntimeProps;
 exports.inferRuntimeType = inferRuntimeType;
 exports.invalidateTypeCache = invalidateTypeCache;
 exports.parse = parse$2;

package/dist/compiler-sfc.d.ts

@@ -293,6 +293,7 @@ type PropsDestructureBindings = Record<string, // public prop key
     local: string;
     default?: Expression;
 }>;
+export declare function extractRuntimeProps(ctx: TypeResolveContext): string | undefined;
 
 interface ModelDecl {
     type: TSType | undefined;
@@ -404,6 +405,7 @@ export declare class ScriptCompileContext {
     error(msg: string, node: Node, scope?: TypeScope): never;
 }
 
+export type SimpleTypeResolveOptions = Partial<Pick<SFCScriptCompileOptions, 'globalTypeFiles' | 'fs' | 'babelParserPlugins' | 'isProd'>>;
 /**
  * TypeResolveContext is compatible with ScriptCompileContext
  * but also allows a simpler version of it with minimal required properties
@@ -419,8 +421,9 @@ export declare class ScriptCompileContext {
  * }
  * ```
  */
-export type SimpleTypeResolveContext = Pick<ScriptCompileContext, 'source' | 'filename' | 'error' | 'options'> & Partial<Pick<ScriptCompileContext, 'scope' | 'globalScopes' | 'deps' | 'fs'>> & {
+export type SimpleTypeResolveContext = Pick<ScriptCompileContext, 'source' | 'filename' | 'error' | 'helper' | 'getString' | 'propsTypeDecl' | 'propsRuntimeDefaults' | 'propsDestructuredBindings' | 'emitsTypeDecl'> & Partial<Pick<ScriptCompileContext, 'scope' | 'globalScopes' | 'deps' | 'fs'>> & {
     ast: Statement[];
+    options: SimpleTypeResolveOptions;
 };
 export type TypeResolveContext = ScriptCompileContext | SimpleTypeResolveContext;
 type Import = Pick<ImportBinding, 'source' | 'imported'>;
@@ -468,6 +471,8 @@ export declare function registerTS(_loadTS: () => typeof TS): void;
 export declare function invalidateTypeCache(filename: string): void;
 export declare function inferRuntimeType(ctx: TypeResolveContext, node: Node & MaybeWithScope, scope?: TypeScope): string[];
 
+export declare function extractRuntimeEmits(ctx: TypeResolveContext): Set<string>;
+
 export declare const version: string;
 
 export declare const walk: any;

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

@@ -16281,9 +16281,13 @@ function walk$2(node, context, doNotHoistNode = false) {
     context.transformHoist(children, context, node);
   }
   if (hoistedCount && hoistedCount === originalCount && node.type === 1 && node.tagType === 0 && node.codegenNode && node.codegenNode.type === 13 && isArray$3(node.codegenNode.children)) {
-    node.codegenNode.children = context.hoist(
+    const hoisted = context.hoist(
       createArrayExpression(node.codegenNode.children)
     );
+    if (context.hmr) {
+      hoisted.content = `[...${hoisted.content}]`;
+    }
+    node.codegenNode.children = hoisted;
   }
 }
 function getConstantType(node, context) {
@@ -16456,6 +16460,7 @@ function createTransformContext(root, {
   filename = "",
   prefixIdentifiers = false,
   hoistStatic: hoistStatic2 = false,
+  hmr = false,
   cacheHandlers = false,
   nodeTransforms = [],
   directiveTransforms = {},
@@ -16481,6 +16486,7 @@ function createTransformContext(root, {
     selfName: nameMatch && capitalize$1(camelize(nameMatch[1])),
     prefixIdentifiers,
     hoistStatic: hoistStatic2,
+    hmr,
     cacheHandlers,
     nodeTransforms,
     directiveTransforms,
@@ -22029,7 +22035,7 @@ const trackVForSlotScopes = (node, context) => {
     }
   }
 };
-const buildClientSlotFn = (props, children, loc) => createFunctionExpression(
+const buildClientSlotFn = (props, _vForExp, children, loc) => createFunctionExpression(
   props,
   children,
   false,
@@ -22054,7 +22060,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
     slotsProperties.push(
       createObjectProperty(
         arg || createSimpleExpression("default", true),
-        buildSlotFn(exp, children, loc)
+        buildSlotFn(exp, void 0, children, loc)
       )
     );
   }
@@ -22091,10 +22097,15 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
     } else {
       hasDynamicSlots = true;
     }
-    const slotFunction = buildSlotFn(slotProps, slotChildren, slotLoc);
+    const vFor = findDir(slotElement, "for");
+    const slotFunction = buildSlotFn(
+      slotProps,
+      vFor == null ? void 0 : vFor.exp,
+      slotChildren,
+      slotLoc
+    );
     let vIf;
     let vElse;
-    let vFor;
     if (vIf = findDir(slotElement, "if")) {
       hasDynamicSlots = true;
       dynamicSlots.push(
@@ -22139,7 +22150,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
           createCompilerError(30, vElse.loc)
         );
       }
-    } else if (vFor = findDir(slotElement, "for")) {
+    } else if (vFor) {
       hasDynamicSlots = true;
       const parseResult = vFor.parseResult || parseForExpression(vFor.exp, context);
       if (parseResult) {
@@ -22180,7 +22191,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
   }
   if (!onComponentSlot) {
     const buildDefaultSlotProperty = (props, children2) => {
-      const fn = buildSlotFn(props, children2, loc);
+      const fn = buildSlotFn(props, void 0, children2, loc);
       return createObjectProperty(`default`, fn);
     };
     if (!hasTemplateSlots) {
@@ -26389,6 +26400,7 @@ var CompilerDOM = /*#__PURE__*/Object.freeze({
   CREATE_TEXT: CREATE_TEXT,
   CREATE_VNODE: CREATE_VNODE,
   DOMDirectiveTransforms: DOMDirectiveTransforms,
+  DOMErrorMessages: DOMErrorMessages,
   DOMNodeTransforms: DOMNodeTransforms,
   FRAGMENT: FRAGMENT,
   GUARD_REACTIVE_PROPS: GUARD_REACTIVE_PROPS,
@@ -26463,6 +26475,7 @@ var CompilerDOM = /*#__PURE__*/Object.freeze({
   createTemplateLiteral: createTemplateLiteral,
   createTransformContext: createTransformContext,
   createVNodeCall: createVNodeCall,
+  errorMessages: errorMessages,
   extractIdentifiers: extractIdentifiers,
   findDir: findDir,
   findProp: findProp,
@@ -32031,7 +32044,7 @@ function ssrProcessTeleport(node, context) {
   );
 }
 
-const wipMap$2 = /* @__PURE__ */ new WeakMap();
+const wipMap$3 = /* @__PURE__ */ new WeakMap();
 function ssrTransformSuspense(node, context) {
   return () => {
     if (node.children.length) {
@@ -32040,29 +32053,33 @@ function ssrTransformSuspense(node, context) {
         // to be immediately set
         wipSlots: []
       };
-      wipMap$2.set(node, wipEntry);
-      wipEntry.slotsExp = buildSlots(node, context, (_props, children, loc) => {
-        const fn = createFunctionExpression(
-          [],
-          void 0,
-          // no return, assign body later
-          true,
-          // newline
-          false,
-          // suspense slots are not treated as normal slots
-          loc
-        );
-        wipEntry.wipSlots.push({
-          fn,
-          children
-        });
-        return fn;
-      }).slots;
+      wipMap$3.set(node, wipEntry);
+      wipEntry.slotsExp = buildSlots(
+        node,
+        context,
+        (_props, _vForExp, children, loc) => {
+          const fn = createFunctionExpression(
+            [],
+            void 0,
+            // no return, assign body later
+            true,
+            // newline
+            false,
+            // suspense slots are not treated as normal slots
+            loc
+          );
+          wipEntry.wipSlots.push({
+            fn,
+            children
+          });
+          return fn;
+        }
+      ).slots;
     }
   };
 }
 function ssrProcessSuspense(node, context) {
-  const wipEntry = wipMap$2.get(node);
+  const wipEntry = wipMap$3.get(node);
   if (!wipEntry) {
     return;
   }
@@ -32368,7 +32385,7 @@ function ssrProcessElement(node, context) {
   }
 }
 
-const wipMap$1 = /* @__PURE__ */ new WeakMap();
+const wipMap$2 = /* @__PURE__ */ new WeakMap();
 function ssrTransformTransitionGroup(node, context) {
   return () => {
     const tag = findProp(node, "tag");
@@ -32389,7 +32406,7 @@ function ssrTransformTransitionGroup(node, context) {
           buildSSRProps(props, directives, context)
         ]);
       }
-      wipMap$1.set(node, {
+      wipMap$2.set(node, {
         tag,
         propsExp,
         scopeId: context.scopeId || null
@@ -32398,7 +32415,7 @@ function ssrTransformTransitionGroup(node, context) {
   };
 }
 function ssrProcessTransitionGroup(node, context) {
-  const entry = wipMap$1.get(node);
+  const entry = wipMap$2.get(node);
   if (entry) {
     const { tag, propsExp, scopeId } = entry;
     if (tag.type === 7) {
@@ -32443,6 +32460,25 @@ function ssrProcessTransitionGroup(node, context) {
   }
 }
 
+const wipMap$1 = /* @__PURE__ */ new WeakMap();
+function ssrTransformTransition(node, context) {
+  return () => {
+    const appear = findProp(node, "appear", false, true);
+    wipMap$1.set(node, !!appear);
+  };
+}
+function ssrProcessTransition(node, context) {
+  node.children = node.children.filter((c) => c.type !== 3);
+  const appear = wipMap$1.get(node);
+  if (appear) {
+    context.pushStringPart(`<template>`);
+    processChildren(node, context, false, true);
+    context.pushStringPart(`</template>`);
+  } else {
+    processChildren(node, context, false, true);
+  }
+}
+
 var __defProp$8 = Object.defineProperty;
 var __defProps$8 = Object.defineProperties;
 var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
@@ -32480,9 +32516,10 @@ const ssrTransformComponent = (node, context) => {
   if (isSymbol$1(component)) {
     if (component === SUSPENSE) {
       return ssrTransformSuspense(node, context);
-    }
-    if (component === TRANSITION_GROUP) {
+    } else if (component === TRANSITION_GROUP) {
       return ssrTransformTransitionGroup(node, context);
+    } else if (component === TRANSITION) {
+      return ssrTransformTransition(node);
     }
     return;
   }
@@ -32490,8 +32527,10 @@ const ssrTransformComponent = (node, context) => {
   const clonedNode = clone(node);
   return function ssrPostTransformComponent() {
     if (clonedNode.children.length) {
-      buildSlots(clonedNode, context, (props, children) => {
-        vnodeBranches.push(createVNodeSlotBranch(props, children, context));
+      buildSlots(clonedNode, context, (props, vFor, children) => {
+        vnodeBranches.push(
+          createVNodeSlotBranch(props, vFor, children, context)
+        );
         return createFunctionExpression(void 0);
       });
     }
@@ -32510,7 +32549,7 @@ const ssrTransformComponent = (node, context) => {
     }
     const wipEntries = [];
     wipMap.set(node, wipEntries);
-    const buildSSRSlotFn = (props, children, loc) => {
+    const buildSSRSlotFn = (props, _vForExp, children, loc) => {
       const param0 = props && stringifyExpression(props) || `_`;
       const fn = createFunctionExpression(
         [param0, `_push`, `_parent`, `_scopeId`],
@@ -32567,7 +32606,7 @@ function ssrProcessComponent(node, context, parent) {
         context.pushStringPart(``);
       }
       if (component === TRANSITION) {
-        node.children = node.children.filter((c) => c.type !== 3);
+        return ssrProcessTransition(node, context);
       }
       processChildren(node, context);
     }
@@ -32603,7 +32642,7 @@ const rawOptionsMap = /* @__PURE__ */ new WeakMap();
 const [baseNodeTransforms, baseDirectiveTransforms] = getBaseTransformPreset(true);
 const vnodeNodeTransforms = [...baseNodeTransforms, ...DOMNodeTransforms];
 const vnodeDirectiveTransforms = __spreadValues$8(__spreadValues$8({}, baseDirectiveTransforms), DOMDirectiveTransforms);
-function createVNodeSlotBranch(props, children, parentContext) {
+function createVNodeSlotBranch(props, vForExp, children, parentContext) {
   const rawOptions = rawOptionsMap.get(parentContext.root);
   const subOptions = __spreadProps$8(__spreadValues$8({}, rawOptions), {
     // overwrite with vnode-based transforms
@@ -32619,8 +32658,8 @@ function createVNodeSlotBranch(props, children, parentContext) {
     tag: "template",
     tagType: 3,
     isSelfClosing: false,
-    // important: provide v-slot="props" on the wrapper for proper
-    // scope analysis
+    // important: provide v-slot="props" and v-for="exp" on the wrapper for
+    // proper scope analysis
     props: [
       {
         type: 7,
@@ -32629,6 +32668,14 @@ function createVNodeSlotBranch(props, children, parentContext) {
         arg: void 0,
         modifiers: [],
         loc: locStub
+      },
+      {
+        type: 7,
+        name: "for",
+        exp: vForExp,
+        arg: void 0,
+        modifiers: [],
+        loc: locStub
       }
     ],
     children,
@@ -33310,6 +33357,7 @@ function doCompileTemplate({
     slotted,
     sourceMap: true
   }, compilerOptions), {
+    hmr: !isProd,
     nodeTransforms: nodeTransforms.concat(compilerOptions.nodeTransforms || []),
     filename,
     onError: (e) => errors.push(e),
@@ -46877,6 +46925,7 @@ var __spreadValues$2 = (a, b) => {
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 const normalScriptDefaultVar = `__default__`;
 function processNormalScript(ctx, scopeId) {
+  var _a;
   const script = ctx.descriptor.script;
   if (script.lang && !ctx.isJS && !ctx.isTS) {
     return script;
@@ -46915,7 +46964,7 @@ function processNormalScript(ctx, scopeId) {
       const s = new MagicString(content);
       rewriteDefaultAST(scriptAst.body, s, defaultVar);
       content = s.toString();
-      if (cssVars.length) {
+      if (cssVars.length && !((_a = ctx.options.templateOptions) == null ? void 0 : _a.ssr)) {
         content += genNormalScriptCssVarsCode(
           cssVars,
           bindings,
@@ -47585,7 +47634,7 @@ function importSourceToScope(ctx, node, scope, source) {
   let resolved = scope.resolvedImportSources[source];
   if (!resolved) {
     if (source.startsWith(".")) {
-      const filename = joinPaths(scope.filename, "..", source);
+      const filename = joinPaths(dirname$2(scope.filename), source);
       resolved = resolveExt(filename, fs);
     } else {
       {
@@ -48381,7 +48430,7 @@ function genRuntimeProps(ctx) {
       }
     }
   } else if (ctx.propsTypeDecl) {
-    propsDecls = genRuntimePropsFromTypes(ctx);
+    propsDecls = extractRuntimeProps(ctx);
   }
   const modelsDecls = genModelProps(ctx);
   if (propsDecls && modelsDecls) {
@@ -48390,7 +48439,7 @@ function genRuntimeProps(ctx) {
     return modelsDecls || propsDecls;
   }
 }
-function genRuntimePropsFromTypes(ctx) {
+function extractRuntimeProps(ctx) {
   const props = resolveRuntimePropsFromType(ctx, ctx.propsTypeDecl);
   if (!props.length) {
     return;
@@ -48399,7 +48448,7 @@ function genRuntimePropsFromTypes(ctx) {
   const hasStaticDefaults = hasStaticWithDefaults(ctx);
   for (const prop of props) {
     propStrings.push(genRuntimePropFromType(ctx, prop, hasStaticDefaults));
-    if (!(prop.key in ctx.bindingMetadata)) {
+    if ("bindingMetadata" in ctx && !(prop.key in ctx.bindingMetadata)) {
       ctx.bindingMetadata[prop.key] = "props";
     }
   }
@@ -49349,7 +49398,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
     }
   }
   if (sfc.cssVars.length && // no need to do this when targeting SSR
-  !(options.inlineTemplate && ((_a = options.templateOptions) == null ? void 0 : _a.ssr))) {
+  !((_a = options.templateOptions) == null ? void 0 : _a.ssr)) {
     ctx.helperImports.add(CSS_VARS_HELPER);
     ctx.helperImports.add("unref");
     ctx.s.prependLeft(
@@ -49730,7 +49779,7 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.3.6";
+const version = "3.4.0-alpha.1";
 const walk = walk$1;
 
-export { MagicString, parse_1$1 as babelParse, compileScript, compileStyle, compileStyleAsync, compileTemplate, extractIdentifiers, generateCodeFrame, inferRuntimeType, invalidateTypeCache, isInDestructureAssignment, isStaticProperty, parse$7 as parse, parseCache, registerTS, resolveTypeElements, rewriteDefault, rewriteDefaultAST, shouldTransform as shouldTransformRef, transform as transformRef, transformAST as transformRefAST, version, walk, walkIdentifiers };
+export { MagicString, parse_1$1 as babelParse, compileScript, compileStyle, compileStyleAsync, compileTemplate, extractIdentifiers, extractRuntimeEmits, extractRuntimeProps, generateCodeFrame, inferRuntimeType, invalidateTypeCache, isInDestructureAssignment, isStaticProperty, parse$7 as parse, parseCache, registerTS, resolveTypeElements, rewriteDefault, rewriteDefaultAST, shouldTransform as shouldTransformRef, transform as transformRef, transformAST as transformRefAST, version, walk, walkIdentifiers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.3.6",
+  "version": "3.4.0-alpha.1",
   "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/core/tree/main/packages/compiler-sfc#readme",
   "dependencies": {
     "@babel/parser": "^7.23.0",
-    "@vue/compiler-core": "3.3.6",
-    "@vue/compiler-dom": "3.3.6",
-    "@vue/compiler-ssr": "3.3.6",
-    "@vue/reactivity-transform": "3.3.6",
-    "@vue/shared": "3.3.6",
+    "@vue/compiler-core": "3.4.0-alpha.1",
+    "@vue/compiler-dom": "3.4.0-alpha.1",
+    "@vue/compiler-ssr": "3.4.0-alpha.1",
+    "@vue/reactivity-transform": "3.4.0-alpha.1",
+    "@vue/shared": "3.4.0-alpha.1",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.30.5",
     "postcss": "^8.4.31",