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

package/dist/compiler-sfc.cjs.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var compilerCore = require('@vue/compiler-core');
 var CompilerDOM = require('@vue/compiler-dom');
 var sourceMapJs = require('source-map-js');
 var path$3 = require('path');
 var parser$2 = require('@babel/parser');
 var shared = require('@vue/shared');
-var compilerCore = require('@vue/compiler-core');
 var url = require('url');
 var CompilerSSR = require('@vue/compiler-ssr');
 var require$$2 = require('util');
 var require$$0 = require('fs');
 var require$$0$1 = require('postcss');
 var estreeWalker = require('estree-walker');
-var reactivityTransform = require('@vue/reactivity-transform');
 var MagicString = require('magic-string');
+var process$1 = require('process');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -30,6 +30,7 @@ function _interopNamespaceDefault(e) {
 
 var CompilerDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(CompilerDOM);
 var CompilerSSR__namespace = /*#__PURE__*/_interopNamespaceDefault(CompilerSSR);
+var process__namespace = /*#__PURE__*/_interopNamespaceDefault(process$1);
 
 const UNKNOWN_TYPE = "Unknown";
 function resolveObjectKey(node, computed) {
@@ -87,9 +88,13 @@ function normalizePath(p) {
   return normalize(p.replace(windowsSlashRE, "/"));
 }
 const joinPaths = (path$3.posix || path$3).join;
-const escapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
-function getEscapedKey(key) {
-  return escapeSymbolsRE.test(key) ? JSON.stringify(key) : key;
+const propNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~\-]/;
+function getEscapedPropName(key) {
+  return propNameEscapeSymbolsRE.test(key) ? JSON.stringify(key) : key;
+}
+const cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
+function getEscapedCssVarName(key) {
+  return key.replace(cssVarNameEscapeSymbolsRE, (s) => `\\${s}`);
 }
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -180,7 +185,7 @@ function genVarName(id, raw, isProd) {
   if (isProd) {
     return hash$1(id + raw);
   } else {
-    return `${id}-${raw.replace(escapeSymbolsRE, (s) => `\\${s}`)}`;
+    return `${id}-${getEscapedCssVarName(raw)}`;
   }
 }
 function normalizeExpression(exp) {
@@ -734,6 +739,9 @@ class LRUCache {
             if (ttls[index]) {
                 const ttl = ttls[index];
                 const start = starts[index];
+                /* c8 ignore next */
+                if (!ttl || !start)
+                    return;
                 status.ttl = ttl;
                 status.start = start;
                 status.now = cachedNow || getNow();
@@ -765,16 +773,16 @@ class LRUCache {
             }
             const ttl = ttls[index];
             const start = starts[index];
-            if (ttl === 0 || start === 0) {
+            if (!ttl || !start) {
                 return Infinity;
             }
             const age = (cachedNow || getNow()) - start;
             return ttl - age;
         };
         this.#isStale = index => {
-            return (ttls[index] !== 0 &&
-                starts[index] !== 0 &&
-                (cachedNow || getNow()) - starts[index] > ttls[index]);
+            const s = starts[index];
+            const t = ttls[index];
+            return !!t && !!s && (cachedNow || getNow()) - s > t;
         };
     }
     // conditionally set private methods related to TTL
@@ -1032,6 +1040,37 @@ class LRUCache {
         }
         return deleted;
     }
+    /**
+     * Get the extended info about a given entry, to get its value, size, and
+     * TTL info simultaneously. Like {@link LRUCache#dump}, but just for a
+     * single key. Always returns stale values, if their info is found in the
+     * cache, so be sure to check for expired TTLs if relevant.
+     */
+    info(key) {
+        const i = this.#keyMap.get(key);
+        if (i === undefined)
+            return undefined;
+        const v = this.#valList[i];
+        const value = this.#isBackgroundFetch(v)
+            ? v.__staleWhileFetching
+            : v;
+        if (value === undefined)
+            return undefined;
+        const entry = { value };
+        if (this.#ttls && this.#starts) {
+            const ttl = this.#ttls[i];
+            const start = this.#starts[i];
+            if (ttl && start) {
+                const remain = ttl - (perf.now() - start);
+                entry.ttl = remain;
+                entry.start = Date.now();
+            }
+        }
+        if (this.#sizes) {
+            entry.size = this.#sizes[i];
+        }
+        return entry;
+    }
     /**
      * Return an array of [key, {@link LRUCache.Entry}] tuples which can be
      * passed to cache.load()
@@ -1298,12 +1337,13 @@ class LRUCache {
     peek(k, peekOptions = {}) {
         const { allowStale = this.allowStale } = peekOptions;
         const index = this.#keyMap.get(k);
-        if (index !== undefined &&
-            (allowStale || !this.#isStale(index))) {
-            const v = this.#valList[index];
-            // either stale and allowed, or forcing a refresh of non-stale value
-            return this.#isBackgroundFetch(v) ? v.__staleWhileFetching : v;
+        if (index === undefined ||
+            (!allowStale && this.#isStale(index))) {
+            return;
         }
+        const v = this.#valList[index];
+        // either stale and allowed, or forcing a refresh of non-stale value
+        return this.#isBackgroundFetch(v) ? v.__staleWhileFetching : v;
     }
     #backgroundFetch(k, index, options, context) {
         const v = index === undefined ? undefined : this.#valList[index];
@@ -1639,8 +1679,10 @@ class LRUCache {
                         this.#head = this.#next[index];
                     }
                     else {
-                        this.#next[this.#prev[index]] = this.#next[index];
-                        this.#prev[this.#next[index]] = this.#prev[index];
+                        const pi = this.#prev[index];
+                        this.#next[pi] = this.#next[index];
+                        const ni = this.#next[index];
+                        this.#prev[ni] = this.#prev[index];
                     }
                     this.#size--;
                     this.#free.push(index);
@@ -1719,50 +1761,47 @@ function resolveTemplateUsageCheckString(sfc) {
     return cached;
   }
   let code = "";
-  CompilerDOM.transform(CompilerDOM.createRoot([ast]), {
-    nodeTransforms: [
-      (node) => {
-        var _a;
-        if (node.type === 1) {
-          if (!CompilerDOM.parserOptions.isNativeTag(node.tag) && !CompilerDOM.parserOptions.isBuiltInComponent(node.tag)) {
-            code += `,${shared.camelize(node.tag)},${shared.capitalize(shared.camelize(node.tag))}`;
-          }
-          for (let i = 0; i < node.props.length; i++) {
-            const prop = node.props[i];
-            if (prop.type === 7) {
-              if (!shared.isBuiltInDirective(prop.name)) {
-                code += `,v${shared.capitalize(shared.camelize(prop.name))}`;
-              }
-              if (prop.arg && !prop.arg.isStatic) {
-                code += `,${processExp(
-                  prop.arg.content,
-                  prop.name
-                )}`;
-              }
-              if (prop.exp) {
-                code += `,${processExp(
-                  prop.exp.content,
-                  prop.name
-                )}`;
-              }
+  ast.children.forEach(walk);
+  function walk(node) {
+    var _a;
+    switch (node.type) {
+      case 1:
+        if (!CompilerDOM.parserOptions.isNativeTag(node.tag) && !CompilerDOM.parserOptions.isBuiltInComponent(node.tag)) {
+          code += `,${shared.camelize(node.tag)},${shared.capitalize(shared.camelize(node.tag))}`;
+        }
+        for (let i = 0; i < node.props.length; i++) {
+          const prop = node.props[i];
+          if (prop.type === 7) {
+            if (!shared.isBuiltInDirective(prop.name)) {
+              code += `,v${shared.capitalize(shared.camelize(prop.name))}`;
             }
-            if (prop.type === 6 && prop.name === "ref" && ((_a = prop.value) == null ? void 0 : _a.content)) {
-              code += `,${prop.value.content}`;
+            if (prop.arg && !prop.arg.isStatic) {
+              code += `,${stripStrings(
+                prop.arg.content
+              )}`;
             }
+            if (prop.exp) {
+              code += `,${processExp(
+                prop.exp.content,
+                prop.name
+              )}`;
+            }
+          }
+          if (prop.type === 6 && prop.name === "ref" && ((_a = prop.value) == null ? void 0 : _a.content)) {
+            code += `,${prop.value.content}`;
           }
-        } else if (node.type === 5) {
-          code += `,${processExp(
-            node.content.content
-          )}`;
         }
-      }
-    ]
-  });
+        node.children.forEach(walk);
+        break;
+      case 5:
+        code += `,${processExp(node.content.content)}`;
+        break;
+    }
+  }
   code += ";";
   templateUsageCheckCache.set(content, code);
   return code;
 }
-const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
 function processExp(exp, dir) {
   if (/ as\s+\w|<.*>|:/.test(exp)) {
     if (dir === "slot") {
@@ -1770,7 +1809,7 @@ function processExp(exp, dir) {
     } else if (dir === "on") {
       exp = `()=>{return ${exp}}`;
     } else if (dir === "for") {
-      const inMatch = exp.match(forAliasRE);
+      const inMatch = exp.match(CompilerDOM.forAliasRE);
       if (inMatch) {
         let [, LHS, RHS] = inMatch;
         LHS = LHS.trim().replace(/^\(|\)$/g, "");
@@ -1798,7 +1837,7 @@ function stripTemplateString(str) {
 }
 
 const DEFAULT_FILENAME = "anonymous.vue";
-const parseCache = createCache();
+const parseCache$1 = createCache();
 function parse$2(source, {
   sourceMap = true,
   filename = DEFAULT_FILENAME,
@@ -1808,7 +1847,7 @@ function parse$2(source, {
   compiler = CompilerDOM__namespace
 } = {}) {
   const sourceKey = source + sourceMap + filename + sourceRoot + pad + compiler.parse;
-  const cache = parseCache.get(sourceKey);
+  const cache = parseCache$1.get(sourceKey);
   if (cache) {
     return cache;
   }
@@ -1826,20 +1865,7 @@ function parse$2(source, {
   };
   const errors = [];
   const ast = compiler.parse(source, {
-    // there are no components at SFC parsing level
-    isNativeTag: () => true,
-    // preserve all whitespaces
-    isPreTag: () => true,
-    getTextMode: ({ tag, props }, parent) => {
-      if (!parent && tag !== "template" || // <template lang="xxx"> should also be treated as raw text
-      tag === "template" && props.some(
-        (p) => p.type === 6 && p.name === "lang" && p.value && p.value.content && p.value.content !== "html"
-      )) {
-        return 2;
-      } else {
-        return 0;
-      }
-    },
+    parseMode: "sfc",
     onError: (e) => {
       errors.push(e);
     }
@@ -1859,12 +1885,16 @@ function parse$2(source, {
             source,
             false
           );
-          templateBlock.ast = node;
+          if (!templateBlock.attrs.src) {
+            templateBlock.ast = compilerCore.createRoot(node.children, source);
+          }
           if (templateBlock.attrs.functional) {
             const err = new SyntaxError(
               `<template functional> is no longer supported in Vue 3, since functional components no longer have significant performance difference from stateful ones. Just use a normal <template> instead.`
             );
-            err.loc = node.props.find((p) => p.name === "functional").loc;
+            err.loc = node.props.find(
+              (p) => p.type === 6 && p.name === "functional"
+            ).loc;
             errors.push(err);
           }
         } else {
@@ -1951,7 +1981,7 @@ function parse$2(source, {
     descriptor,
     errors
   };
-  parseCache.set(sourceKey, result);
+  parseCache$1.set(sourceKey, result);
   return result;
 }
 function createDuplicateBlockError(node, isScriptSetup = false) {
@@ -1963,32 +1993,11 @@ function createDuplicateBlockError(node, isScriptSetup = false) {
 }
 function createBlock(node, source, pad) {
   const type = node.tag;
-  let { start, end } = node.loc;
-  let content = "";
-  if (node.children.length) {
-    start = node.children[0].loc.start;
-    end = node.children[node.children.length - 1].loc.end;
-    content = source.slice(start.offset, end.offset);
-  } else {
-    const offset = node.loc.source.indexOf(`</`);
-    if (offset > -1) {
-      start = {
-        line: start.line,
-        column: start.column + offset,
-        offset: start.offset + offset
-      };
-    }
-    end = { ...start };
-  }
-  const loc = {
-    source: content,
-    start,
-    end
-  };
+  const loc = node.innerLoc;
   const attrs = {};
   const block = {
     type,
-    content,
+    content: source.slice(loc.start.offset, loc.end.offset),
     loc,
     attrs
   };
@@ -1997,18 +2006,19 @@ function createBlock(node, source, pad) {
   }
   node.props.forEach((p) => {
     if (p.type === 6) {
-      attrs[p.name] = p.value ? p.value.content || true : true;
-      if (p.name === "lang") {
+      const name = p.name;
+      attrs[name] = p.value ? p.value.content || true : true;
+      if (name === "lang") {
         block.lang = p.value && p.value.content;
-      } else if (p.name === "src") {
+      } else if (name === "src") {
         block.src = p.value && p.value.content;
       } else if (type === "style") {
-        if (p.name === "scoped") {
+        if (name === "scoped") {
           block.scoped = true;
-        } else if (p.name === "module") {
-          block.module = attrs[p.name];
+        } else if (name === "module") {
+          block.module = attrs[name];
         }
-      } else if (type === "script" && p.name === "setup") {
+      } else if (type === "script" && name === "setup") {
         block.setup = attrs.setup;
       }
     }
@@ -2024,28 +2034,27 @@ function generateSourceMap(filename, source, generated, sourceRoot, lineOffset)
     sourceRoot: sourceRoot.replace(/\\/g, "/")
   });
   map.setSourceContent(filename, source);
+  map._sources.add(filename);
   generated.split(splitRE).forEach((line, index) => {
     if (!emptyRE.test(line)) {
       const originalLine = index + 1 + lineOffset;
       const generatedLine = index + 1;
       for (let i = 0; i < line.length; i++) {
         if (!/\s/.test(line[i])) {
-          map.addMapping({
+          map._mappings.add({
+            originalLine,
+            originalColumn: i,
+            generatedLine,
+            generatedColumn: i,
             source: filename,
-            original: {
-              line: originalLine,
-              column: i
-            },
-            generated: {
-              line: generatedLine,
-              column: i
-            }
+            // @ts-ignore
+            name: null
           });
         }
       }
     }
   });
-  return JSON.parse(map.toString());
+  return map.toJSON();
 }
 function padContent(content, block, pad) {
   content = content.slice(0, block.loc.start.offset);
@@ -4185,7 +4194,9 @@ function compileTemplate(options) {
     try {
       return doCompileTemplate({
         ...options,
-        source: preprocess$1(options, preprocessor)
+        source: preprocess$1(options, preprocessor),
+        ast: void 0
+        // invalidate AST if template goes through preprocessor
       });
     } catch (e) {
       return {
@@ -4217,10 +4228,11 @@ function doCompileTemplate({
   slotted,
   inMap,
   source,
+  ast: inAST,
   ssr = false,
   ssrCssVars,
   isProd = false,
-  compiler = ssr ? CompilerSSR__namespace : CompilerDOM__namespace,
+  compiler,
   compilerOptions = {},
   transformAssetUrls
 }) {
@@ -4247,7 +4259,22 @@ function doCompileTemplate({
   }
   const shortId = id.replace(/^data-v-/, "");
   const longId = `data-v-${shortId}`;
-  let { code, ast, preamble, map } = compiler.compile(source, {
+  const defaultCompiler = ssr ? CompilerSSR__namespace : CompilerDOM__namespace;
+  compiler = compiler || defaultCompiler;
+  if (compiler !== defaultCompiler) {
+    inAST = void 0;
+  }
+  if (inAST == null ? void 0 : inAST.transformed) {
+    const newAST = (ssr ? CompilerDOM__namespace : compiler).parse(inAST.source, {
+      parseMode: "sfc",
+      onError: (e) => errors.push(e)
+    });
+    const template = newAST.children.find(
+      (node) => node.type === 1 && node.tag === "template"
+    );
+    inAST = compilerCore.createRoot(template.children, inAST.source);
+  }
+  let { code, ast, preamble, map } = compiler.compile(inAST || source, {
     mode: "module",
     prefixIdentifiers: true,
     hoistStatic: true,
@@ -4263,7 +4290,7 @@ function doCompileTemplate({
     onError: (e) => errors.push(e),
     onWarn: (w) => warnings.push(w)
   });
-  if (inMap) {
+  if (inMap && !inAST) {
     if (map) {
       map = mapLines(inMap, map);
     }
@@ -4276,7 +4303,7 @@ function doCompileTemplate({
     if (w.loc) {
       msg += `
 ${shared.generateCodeFrame(
-        source,
+        (inAST == null ? void 0 : inAST.source) || source,
         w.loc.start.offset,
         w.loc.end.offset
       )}`;
@@ -7902,6 +7929,10 @@ function rewriteSelector(id, selector, selectorRoot, slotted = false) {
     if (n.type !== "pseudo" && n.type !== "combinator") {
       node = n;
     }
+    if (n.type === "pseudo" && (n.value === ":is" || n.value === ":where")) {
+      rewriteSelector(id, n.nodes[0], selectorRoot, slotted);
+      shouldInject = false;
+    }
   });
   if (node) {
     node.spaces.after = "";
@@ -11171,7 +11202,10 @@ const scss = (source, map, options, load = require) => {
     if (map) {
       return {
         code: result.css.toString(),
-        map: merge$1(map, JSON.parse(result.map.toString())),
+        map: merge$1(
+          map,
+          result.map.toJSON ? result.map.toJSON() : JSON.parse(result.map.toString())
+        ),
         errors: [],
         dependencies
       };
@@ -15532,30 +15566,8 @@ function processNormalScript(ctx, scopeId) {
     let map = script.map;
     const scriptAst = ctx.scriptAst;
     const bindings = analyzeScriptBindings(scriptAst.body);
-    const { source, filename, cssVars } = ctx.descriptor;
-    const { sourceMap, genDefaultAs, isProd } = ctx.options;
-    if (ctx.options.reactivityTransform && reactivityTransform.shouldTransform(content)) {
-      const s = new MagicString(source);
-      const startOffset = script.loc.start.offset;
-      const endOffset = script.loc.end.offset;
-      const { importedHelpers } = reactivityTransform.transformAST(scriptAst, s, startOffset);
-      if (importedHelpers.length) {
-        s.prepend(
-          `import { ${importedHelpers.map((h) => `${h} as _${h}`).join(", ")} } from 'vue'
-`
-        );
-      }
-      s.remove(0, startOffset);
-      s.remove(endOffset, source.length);
-      content = s.toString();
-      if (sourceMap !== false) {
-        map = s.generateMap({
-          source: filename,
-          hires: true,
-          includeContent: true
-        });
-      }
-    }
+    const { cssVars } = ctx.descriptor;
+    const { genDefaultAs, isProd } = ctx.options;
     if (cssVars.length || genDefaultAs) {
       const defaultVar = genDefaultAs || normalScriptDefaultVar;
       const s = new MagicString(content);
@@ -15674,7 +15686,7 @@ function resolveParserPlugins(lang, userPlugins, dts = false) {
   }
   if (lang === "ts" || lang === "tsx") {
     plugins.push(["typescript", { dts }]);
-    if (!plugins.includes("decorators")) {
+    if (!userPlugins || !userPlugins.includes("decorators")) {
       plugins.push("decorators-legacy");
     }
   }
@@ -17908,12 +17920,16 @@ function resolveInterfaceMembers(ctx, node, scope) {
         continue;
       }
       try {
-        const { props } = resolveTypeElements(ctx, ext, scope);
+        const { props, calls } = resolveTypeElements(ctx, ext, scope);
         for (const key in props) {
           if (!shared.hasOwn(base.props, key)) {
             base.props[key] = props[key];
           }
         }
+        if (calls) {
+          ;
+          (base.calls || (base.calls = [])).push(...calls);
+        }
       } catch (e) {
         ctx.error(
           `Failed to resolve extends base type.
@@ -18245,7 +18261,11 @@ function importSourceToScope(ctx, node, scope, source) {
   }
   let resolved = scope.resolvedImportSources[source];
   if (!resolved) {
-    if (source.startsWith(".")) {
+    if (source.startsWith("..")) {
+      const osSpecificJoinFn = process__namespace.platform === "win32" ? path$3.join : joinPaths;
+      const filename = osSpecificJoinFn(path$3.dirname(scope.filename), source);
+      resolved = resolveExt(filename, fs);
+    } else if (source.startsWith(".")) {
       const filename = joinPaths(path$3.dirname(scope.filename), source);
       resolved = resolveExt(filename, fs);
     } else {
@@ -18326,7 +18346,7 @@ function resolveWithTS(containingFile, source, ts2, fs) {
     }
     tsCompilerOptions = matchedConfig.config.options;
     tsResolveCache = matchedConfig.cache || (matchedConfig.cache = ts2.createModuleResolutionCache(
-      process.cwd(),
+      process__namespace.cwd(),
       createGetCanonicalFileName(ts2.sys.useCaseSensitiveFileNames),
       tsCompilerOptions
     ));
@@ -18715,6 +18735,7 @@ function inferRuntimeType(ctx, node, scope = node._ownerScope || ctxToScope(ctx)
             case "WeakMap":
             case "Date":
             case "Promise":
+            case "Error":
               return [node.typeName.name];
             case "Partial":
             case "Required":
@@ -19111,7 +19132,7 @@ function genRuntimeProps(ctx) {
       const defaults = [];
       for (const key in ctx.propsDestructuredBindings) {
         const d = genDestructuredDefaultValue(ctx, key);
-        const finalKey = getEscapedKey(key);
+        const finalKey = getEscapedPropName(key);
         if (d)
           defaults.push(
             `${finalKey}: ${d.valueString}${d.needSkipFactory ? `, __skip_${finalKey}: true` : ``}`
@@ -19203,7 +19224,7 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
       }
     }
   }
-  const finalKey = getEscapedKey(key);
+  const finalKey = getEscapedPropName(key);
   if (!ctx.options.isProd) {
     return `${finalKey}: { ${concatStrings([
       `type: ${toRuntimeTypeString(type)}`,
@@ -19269,7 +19290,7 @@ function inferValueType(node) {
 }
 
 function processPropsDestructure(ctx, declId) {
-  if (!ctx.options.propsDestructure && !ctx.options.reactivityTransform) {
+  if (!ctx.options.propsDestructure) {
     return;
   }
   warnOnce(
@@ -19317,7 +19338,7 @@ To stay updated, follow the RFC at https://github.com/vuejs/rfcs/discussions/502
   }
 }
 function transformDestructuredProps(ctx, vueImportAliases) {
-  if (!ctx.options.propsDestructure && !ctx.options.reactivityTransform) {
+  if (!ctx.options.propsDestructure) {
     return;
   }
   const rootScope = {};
@@ -19668,8 +19689,6 @@ Upgrade your vite or vue-loader version for compatibility with the latest experi
   const scopeId = options.id ? options.id.replace(/^data-v-/, "") : "";
   const scriptLang = script && script.lang;
   const scriptSetupLang = scriptSetup && scriptSetup.lang;
-  const enableReactivityTransform = !!options.reactivityTransform;
-  let refBindings;
   if (!scriptSetup) {
     if (!script) {
       throw new Error(`[@vue/compiler-sfc] SFC contains no <script> tags.`);
@@ -19883,17 +19902,6 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
         );
       }
     }
-    if (enableReactivityTransform && reactivityTransform.shouldTransform(script.content)) {
-      const { rootRefs, importedHelpers } = reactivityTransform.transformAST(
-        scriptAst,
-        ctx.s,
-        scriptStartOffset
-      );
-      refBindings = rootRefs;
-      for (const h of importedHelpers) {
-        ctx.helperImports.add(h);
-      }
-    }
     if (scriptStartOffset > startOffset) {
       if (!/\n$/.test(script.content.trim())) {
         ctx.s.appendLeft(scriptEndOffset, `
@@ -20021,19 +20029,6 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
   if (ctx.propsDestructureDecl) {
     transformDestructuredProps(ctx, vueImportAliases);
   }
-  if (enableReactivityTransform && // normal <script> had ref bindings that maybe used in <script setup>
-  (refBindings || reactivityTransform.shouldTransform(scriptSetup.content))) {
-    const { rootRefs, importedHelpers } = reactivityTransform.transformAST(
-      scriptSetupAst,
-      ctx.s,
-      startOffset,
-      refBindings
-    );
-    refBindings = refBindings ? [...refBindings, ...rootRefs] : rootRefs;
-    for (const h of importedHelpers) {
-      ctx.helperImports.add(h);
-    }
-  }
   checkInvalidScopeReference(ctx.propsRuntimeDecl, DEFINE_PROPS);
   checkInvalidScopeReference(ctx.propsRuntimeDefaults, DEFINE_PROPS);
   checkInvalidScopeReference(ctx.propsDestructureDecl, DEFINE_PROPS);
@@ -20069,11 +20064,6 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
   for (const key in setupBindings) {
     ctx.bindingMetadata[key] = setupBindings[key];
   }
-  if (refBindings) {
-    for (const key of refBindings) {
-      ctx.bindingMetadata[key] = "setup-ref";
-    }
-  }
   if (sfc.cssVars.length && // no need to do this when targeting SSR
   !((_a = options.templateOptions) == null ? void 0 : _a.ssr)) {
     ctx.helperImports.add(CSS_VARS_HELPER);
@@ -20289,7 +20279,6 @@ ${exposeCall}`
 `
     );
   }
-  ctx.s.trim();
   return {
     ...scriptSetup,
     bindings: ctx.bindingMetadata,
@@ -20461,18 +20450,17 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.4.0-alpha.1";
+const version = "3.4.0-alpha.3";
+const parseCache = parseCache$1;
 const walk = estreeWalker.walk;
+const shouldTransformRef = () => false;
 
-exports.babelParse = parser$2.parse;
 exports.extractIdentifiers = compilerCore.extractIdentifiers;
 exports.generateCodeFrame = compilerCore.generateCodeFrame;
 exports.isInDestructureAssignment = compilerCore.isInDestructureAssignment;
 exports.isStaticProperty = compilerCore.isStaticProperty;
 exports.walkIdentifiers = compilerCore.walkIdentifiers;
-exports.shouldTransformRef = reactivityTransform.shouldTransform;
-exports.transformRef = reactivityTransform.transform;
-exports.transformRefAST = reactivityTransform.transformAST;
+exports.babelParse = parser$2.parse;
 exports.MagicString = MagicString;
 exports.compileScript = compileScript;
 exports.compileStyle = compileStyle;
@@ -20488,5 +20476,6 @@ exports.registerTS = registerTS;
 exports.resolveTypeElements = resolveTypeElements;
 exports.rewriteDefault = rewriteDefault;
 exports.rewriteDefaultAST = rewriteDefaultAST;
+exports.shouldTransformRef = shouldTransformRef;
 exports.version = version;
 exports.walk = walk;