@vue/compiler-sfc 3.3.0-alpha.6 → 3.3.0-alpha.7

package/dist/compiler-sfc.cjs.js

@@ -3384,7 +3384,7 @@ function specifierEnd(s, end, nodeEnd) {
   return hasCommas ? end : oldEnd;
 }
 
-function transformDestructuredProps(ast, s, offset = 0, knownProps, error, watchMethodName = "watch") {
+function transformDestructuredProps(ast, s, offset = 0, knownProps, error, vueImportAliases) {
   const rootScope = {};
   const scopeStack = [rootScope];
   let currentScope = rootScope;
@@ -3465,6 +3465,17 @@ function transformDestructuredProps(ast, s, offset = 0, knownProps, error, watch
     }
     return false;
   }
+  function checkUsage(node, method, alias = method) {
+    if (compilerCore.isCallOf(node, alias)) {
+      const arg = compilerCore.unwrapTSNode(node.arguments[0]);
+      if (arg.type === "Identifier") {
+        error(
+          `"${arg.name}" is a destructured prop and should not be passed directly to ${method}(). Pass a getter () => ${arg.name} instead.`,
+          arg
+        );
+      }
+    }
+  }
   walkScope(ast, true);
   estreeWalker.walk(ast, {
     enter(node, parent) {
@@ -3472,15 +3483,8 @@ function transformDestructuredProps(ast, s, offset = 0, knownProps, error, watch
       if (parent && parent.type.startsWith("TS") && parent.type !== "TSAsExpression" && parent.type !== "TSNonNullExpression" && parent.type !== "TSTypeAssertion") {
         return this.skip();
       }
-      if (compilerCore.isCallOf(node, watchMethodName)) {
-        const arg = compilerCore.unwrapTSNode(node.arguments[0]);
-        if (arg.type === "Identifier") {
-          error(
-            `"${arg.name}" is a destructured prop and cannot be directly watched. Use a getter () => ${arg.name} instead.`,
-            arg
-          );
-        }
-      }
+      checkUsage(node, "watch", vueImportAliases.watch);
+      checkUsage(node, "toRef", vueImportAliases.toRef);
       if (compilerCore.isFunctionType(node)) {
         scopeStack.push(currentScope = {});
         compilerCore.walkFunctionParams(node, registerLocalBinding);
@@ -3528,6 +3532,7 @@ const DEFINE_EMITS = "defineEmits";
 const DEFINE_EXPOSE = "defineExpose";
 const WITH_DEFAULTS = "withDefaults";
 const DEFINE_OPTIONS = "defineOptions";
+const DEFINE_SLOTS = "defineSlots";
 const isBuiltInDir = shared.makeMap(
   `once,memo,if,for,else,else-if,slot,text,html,on,bind,model,show,cloak,is`
 );
@@ -3657,6 +3662,7 @@ export default ${defaultVar}`;
   let hasDefaultExportName = false;
   let hasDefaultExportRender = false;
   let hasDefineOptionsCall = false;
+  let hasDefineSlotsCall = false;
   let propsRuntimeDecl;
   let propsRuntimeDefaults;
   let propsDestructureDecl;
@@ -3666,7 +3672,6 @@ export default ${defaultVar}`;
   let propsIdentifier;
   let emitsRuntimeDecl;
   let emitsTypeDecl;
-  let emitsTypeDeclRaw;
   let emitIdentifier;
   let optionsRuntimeDecl;
   let hasAwait = false;
@@ -3808,13 +3813,10 @@ ${shared.generateCodeFrame(
     }
     return true;
   }
-  function processWithDefaults(node, declId, declKind) {
+  function processWithDefaults(node, declId) {
     if (!CompilerDOM.isCallOf(node, WITH_DEFAULTS)) {
       return false;
     }
-    warnOnce(
-      `withDefaults() has been deprecated. Props destructure is now reactive by default - use destructure with default values instead.`
-    );
     if (processDefineProps(node.arguments[0], declId)) {
       if (propsRuntimeDecl) {
         error(
@@ -3830,11 +3832,8 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
         );
       }
       propsRuntimeDefaults = node.arguments[1];
-      if (!propsRuntimeDefaults || propsRuntimeDefaults.type !== "ObjectExpression") {
-        error(
-          `The 2nd argument of ${WITH_DEFAULTS} must be an object literal.`,
-          propsRuntimeDefaults || node
-        );
+      if (!propsRuntimeDefaults) {
+        error(`The 2nd argument of ${WITH_DEFAULTS} is required.`, node);
       }
     } else {
       error(
@@ -3860,7 +3859,7 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
           node
         );
       }
-      emitsTypeDeclRaw = node.typeParameters.params[0];
+      const emitsTypeDeclRaw = node.typeParameters.params[0];
       emitsTypeDecl = resolveQualifiedType(
         emitsTypeDeclRaw,
         (node2) => node2.type === "TSFunctionType" || node2.type === "TSTypeLiteral"
@@ -3877,6 +3876,26 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
     }
     return true;
   }
+  function processDefineSlots(node, declId) {
+    if (!CompilerDOM.isCallOf(node, DEFINE_SLOTS)) {
+      return false;
+    }
+    if (hasDefineSlotsCall) {
+      error(`duplicate ${DEFINE_SLOTS}() call`, node);
+    }
+    hasDefineSlotsCall = true;
+    if (node.arguments.length > 0) {
+      error(`${DEFINE_SLOTS}() cannot accept arguments`, node);
+    }
+    if (declId) {
+      s.overwrite(
+        startOffset + node.start,
+        startOffset + node.end,
+        `${helper("useSlots")}()`
+      );
+    }
+    return true;
+  }
   function getAstBody() {
     return scriptAst ? [...scriptSetupAst.body, ...scriptAst.body] : scriptSetupAst.body;
   }
@@ -3941,6 +3960,7 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
     let propsOption = void 0;
     let emitsOption = void 0;
     let exposeOption = void 0;
+    let slotsOption = void 0;
     if (optionsRuntimeDecl.type === "ObjectExpression") {
       for (const prop of optionsRuntimeDecl.properties) {
         if ((prop.type === "ObjectProperty" || prop.type === "ObjectMethod") && prop.key.type === "Identifier") {
@@ -3950,6 +3970,8 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
             emitsOption = prop;
           if (prop.key.name === "expose")
             exposeOption = prop;
+          if (prop.key.name === "slots")
+            slotsOption = prop;
         }
       }
     }
@@ -3971,6 +3993,12 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
         exposeOption
       );
     }
+    if (slotsOption) {
+      error(
+        `${DEFINE_OPTIONS}() cannot be used to declare slots. Use ${DEFINE_SLOTS}() instead.`,
+        slotsOption
+      );
+    }
     return true;
   }
   function resolveQualifiedType(node, qualifier) {
@@ -4049,7 +4077,7 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
   }
   function hasStaticWithDefaults() {
     return propsRuntimeDefaults && propsRuntimeDefaults.type === "ObjectExpression" && propsRuntimeDefaults.properties.every(
-      (node) => node.type === "ObjectProperty" && (!node.computed || node.key.type.endsWith("Literal")) || node.type === "ObjectMethod"
+      (node) => node.type !== "SpreadElement" && (!node.computed || node.key.type.endsWith("Literal"))
     );
   }
   function genRuntimeProps(props) {
@@ -4339,7 +4367,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
     }
     if (node.type === "ExpressionStatement") {
       const expr = CompilerDOM.unwrapTSNode(node.expression);
-      if (processDefineProps(expr) || processDefineEmits(expr) || processDefineOptions(expr) || processWithDefaults(expr)) {
+      if (processDefineProps(expr) || processDefineEmits(expr) || processDefineOptions(expr) || processWithDefaults(expr) || processDefineSlots(expr)) {
         s.remove(node.start + startOffset, node.end + startOffset);
       } else if (processDefineExpose(expr)) {
         const callee = expr.callee;
@@ -4364,8 +4392,9 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
               node
             );
           }
-          const isDefineProps = processDefineProps(init, decl.id) || processWithDefaults(init, decl.id, node.kind);
-          const isDefineEmits = processDefineEmits(init, decl.id);
+          const isDefineProps = processDefineProps(init, decl.id) || processWithDefaults(init, decl.id);
+          const isDefineEmits = !isDefineProps && processDefineEmits(init, decl.id);
+          !isDefineEmits && processDefineSlots(init, decl.id);
           if (isDefineProps || isDefineEmits) {
             if (left === 1) {
               s.remove(node.start + startOffset, node.end + startOffset);
@@ -4444,7 +4473,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
       startOffset,
       propsDestructuredBindings,
       error,
-      vueImportAliases.watch
+      vueImportAliases
     );
   }
   if (enableReactivityTransform && // normal <script> had ref bindings that maybe used in <script setup>
@@ -4464,7 +4493,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
     extractRuntimeProps(propsTypeDecl, typeDeclaredProps, declaredTypes);
   }
   if (emitsTypeDecl) {
-    extractRuntimeEmits(emitsTypeDecl, typeDeclaredEmits);
+    extractRuntimeEmits(emitsTypeDecl, typeDeclaredEmits, error);
   }
   checkInvalidScopeReference(propsRuntimeDecl, DEFINE_PROPS);
   checkInvalidScopeReference(propsRuntimeDefaults, DEFINE_PROPS);
@@ -4573,13 +4602,6 @@ let __temp${any}, __restore${any}
   }
   if (destructureElements.length) {
     args += `, { ${destructureElements.join(", ")} }`;
-    if (emitsTypeDecl) {
-      const content = emitsTypeDecl.__fromNormalScript ? script.content : scriptSetup.content;
-      args += `: { emit: (${content.slice(
-        emitsTypeDecl.start,
-        emitsTypeDecl.end
-      )}), expose: any, slots: any, attrs: any }`;
-    }
   }
   let returned;
   if (!options.inlineTemplate || !sfc.template && hasDefaultExportRender) {
@@ -5080,14 +5102,30 @@ function inferValueType(node) {
       return "Function";
   }
 }
-function extractRuntimeEmits(node, emits) {
+function extractRuntimeEmits(node, emits, error) {
   if (node.type === "TSTypeLiteral" || node.type === "TSInterfaceBody") {
     const members = node.type === "TSTypeLiteral" ? node.members : node.body;
+    let hasCallSignature = false;
+    let hasProperty = false;
     for (let t of members) {
       if (t.type === "TSCallSignatureDeclaration") {
         extractEventNames(t.parameters[0], emits);
+        hasCallSignature = true;
+      }
+      if (t.type === "TSPropertySignature") {
+        if (t.key.type !== "Identifier" || t.computed) {
+          error(`defineEmits() type cannot use computed keys.`, t.key);
+        }
+        emits.add(t.key.name);
+        hasProperty = true;
       }
     }
+    if (hasCallSignature && hasProperty) {
+      error(
+        `defineEmits() type cannot mixed call signature and property syntax.`,
+        node
+      );
+    }
     return;
   } else {
     extractEventNames(node.parameters[0], emits);
@@ -14280,7 +14318,7 @@ function preprocess(options, preprocessor) {
   );
 }
 
-const version = "3.3.0-alpha.6";
+const version = "3.3.0-alpha.7";
 const walk = estreeWalker.walk;
 
 exports.MagicString = MagicString;

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

@@ -26017,7 +26017,7 @@ function stringifyElement(node, context) {
 }
 function evaluateConstant(exp) {
   if (exp.type === 4) {
-    return new Function(`return ${exp.content}`)();
+    return new Function(`return (${exp.content})`)();
   } else {
     let res = ``;
     exp.children.forEach((c) => {
@@ -34489,7 +34489,7 @@ function warn(msg) {
   );
 }
 
-function transformDestructuredProps(ast, s, offset = 0, knownProps, error, watchMethodName = "watch") {
+function transformDestructuredProps(ast, s, offset = 0, knownProps, error, vueImportAliases) {
   const rootScope = {};
   const scopeStack = [rootScope];
   let currentScope = rootScope;
@@ -34570,6 +34570,17 @@ function transformDestructuredProps(ast, s, offset = 0, knownProps, error, watch
     }
     return false;
   }
+  function checkUsage(node, method, alias = method) {
+    if (isCallOf(node, alias)) {
+      const arg = unwrapTSNode(node.arguments[0]);
+      if (arg.type === "Identifier") {
+        error(
+          `"${arg.name}" is a destructured prop and should not be passed directly to ${method}(). Pass a getter () => ${arg.name} instead.`,
+          arg
+        );
+      }
+    }
+  }
   walkScope(ast, true);
   walk$1(ast, {
     enter(node, parent) {
@@ -34577,15 +34588,8 @@ function transformDestructuredProps(ast, s, offset = 0, knownProps, error, watch
       if (parent && parent.type.startsWith("TS") && parent.type !== "TSAsExpression" && parent.type !== "TSNonNullExpression" && parent.type !== "TSTypeAssertion") {
         return this.skip();
       }
-      if (isCallOf(node, watchMethodName)) {
-        const arg = unwrapTSNode(node.arguments[0]);
-        if (arg.type === "Identifier") {
-          error(
-            `"${arg.name}" is a destructured prop and cannot be directly watched. Use a getter () => ${arg.name} instead.`,
-            arg
-          );
-        }
-      }
+      checkUsage(node, "watch", vueImportAliases.watch);
+      checkUsage(node, "toRef", vueImportAliases.toRef);
       if (isFunctionType(node)) {
         scopeStack.push(currentScope = {});
         walkFunctionParams(node, registerLocalBinding);
@@ -34652,6 +34656,7 @@ const DEFINE_EMITS = "defineEmits";
 const DEFINE_EXPOSE = "defineExpose";
 const WITH_DEFAULTS = "withDefaults";
 const DEFINE_OPTIONS = "defineOptions";
+const DEFINE_SLOTS = "defineSlots";
 const isBuiltInDir = makeMap(
   `once,memo,if,for,else,else-if,slot,text,html,on,bind,model,show,cloak,is`
 );
@@ -34780,6 +34785,7 @@ export default ${defaultVar}`;
   let hasDefaultExportName = false;
   let hasDefaultExportRender = false;
   let hasDefineOptionsCall = false;
+  let hasDefineSlotsCall = false;
   let propsRuntimeDecl;
   let propsRuntimeDefaults;
   let propsDestructureDecl;
@@ -34789,7 +34795,6 @@ export default ${defaultVar}`;
   let propsIdentifier;
   let emitsRuntimeDecl;
   let emitsTypeDecl;
-  let emitsTypeDeclRaw;
   let emitIdentifier;
   let optionsRuntimeDecl;
   let hasAwait = false;
@@ -34931,13 +34936,10 @@ ${generateCodeFrame(
     }
     return true;
   }
-  function processWithDefaults(node, declId, declKind) {
+  function processWithDefaults(node, declId) {
     if (!isCallOf(node, WITH_DEFAULTS)) {
       return false;
     }
-    warnOnce$4(
-      `withDefaults() has been deprecated. Props destructure is now reactive by default - use destructure with default values instead.`
-    );
     if (processDefineProps(node.arguments[0], declId)) {
       if (propsRuntimeDecl) {
         error(
@@ -34953,11 +34955,8 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
         );
       }
       propsRuntimeDefaults = node.arguments[1];
-      if (!propsRuntimeDefaults || propsRuntimeDefaults.type !== "ObjectExpression") {
-        error(
-          `The 2nd argument of ${WITH_DEFAULTS} must be an object literal.`,
-          propsRuntimeDefaults || node
-        );
+      if (!propsRuntimeDefaults) {
+        error(`The 2nd argument of ${WITH_DEFAULTS} is required.`, node);
       }
     } else {
       error(
@@ -34983,7 +34982,7 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
           node
         );
       }
-      emitsTypeDeclRaw = node.typeParameters.params[0];
+      const emitsTypeDeclRaw = node.typeParameters.params[0];
       emitsTypeDecl = resolveQualifiedType(
         emitsTypeDeclRaw,
         (node2) => node2.type === "TSFunctionType" || node2.type === "TSTypeLiteral"
@@ -35000,6 +34999,26 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
     }
     return true;
   }
+  function processDefineSlots(node, declId) {
+    if (!isCallOf(node, DEFINE_SLOTS)) {
+      return false;
+    }
+    if (hasDefineSlotsCall) {
+      error(`duplicate ${DEFINE_SLOTS}() call`, node);
+    }
+    hasDefineSlotsCall = true;
+    if (node.arguments.length > 0) {
+      error(`${DEFINE_SLOTS}() cannot accept arguments`, node);
+    }
+    if (declId) {
+      s.overwrite(
+        startOffset + node.start,
+        startOffset + node.end,
+        `${helper("useSlots")}()`
+      );
+    }
+    return true;
+  }
   function getAstBody() {
     return scriptAst ? [...scriptSetupAst.body, ...scriptAst.body] : scriptSetupAst.body;
   }
@@ -35064,6 +35083,7 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
     let propsOption = void 0;
     let emitsOption = void 0;
     let exposeOption = void 0;
+    let slotsOption = void 0;
     if (optionsRuntimeDecl.type === "ObjectExpression") {
       for (const prop of optionsRuntimeDecl.properties) {
         if ((prop.type === "ObjectProperty" || prop.type === "ObjectMethod") && prop.key.type === "Identifier") {
@@ -35073,6 +35093,8 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
             emitsOption = prop;
           if (prop.key.name === "expose")
             exposeOption = prop;
+          if (prop.key.name === "slots")
+            slotsOption = prop;
         }
       }
     }
@@ -35094,6 +35116,12 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
         exposeOption
       );
     }
+    if (slotsOption) {
+      error(
+        `${DEFINE_OPTIONS}() cannot be used to declare slots. Use ${DEFINE_SLOTS}() instead.`,
+        slotsOption
+      );
+    }
     return true;
   }
   function resolveQualifiedType(node, qualifier) {
@@ -35172,7 +35200,7 @@ Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(..
   }
   function hasStaticWithDefaults() {
     return propsRuntimeDefaults && propsRuntimeDefaults.type === "ObjectExpression" && propsRuntimeDefaults.properties.every(
-      (node) => node.type === "ObjectProperty" && (!node.computed || node.key.type.endsWith("Literal")) || node.type === "ObjectMethod"
+      (node) => node.type !== "SpreadElement" && (!node.computed || node.key.type.endsWith("Literal"))
     );
   }
   function genRuntimeProps(props) {
@@ -35462,7 +35490,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
     }
     if (node.type === "ExpressionStatement") {
       const expr = unwrapTSNode(node.expression);
-      if (processDefineProps(expr) || processDefineEmits(expr) || processDefineOptions(expr) || processWithDefaults(expr)) {
+      if (processDefineProps(expr) || processDefineEmits(expr) || processDefineOptions(expr) || processWithDefaults(expr) || processDefineSlots(expr)) {
         s.remove(node.start + startOffset, node.end + startOffset);
       } else if (processDefineExpose(expr)) {
         const callee = expr.callee;
@@ -35487,8 +35515,9 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
               node
             );
           }
-          const isDefineProps = processDefineProps(init, decl.id) || processWithDefaults(init, decl.id, node.kind);
-          const isDefineEmits = processDefineEmits(init, decl.id);
+          const isDefineProps = processDefineProps(init, decl.id) || processWithDefaults(init, decl.id);
+          const isDefineEmits = !isDefineProps && processDefineEmits(init, decl.id);
+          !isDefineEmits && processDefineSlots(init, decl.id);
           if (isDefineProps || isDefineEmits) {
             if (left === 1) {
               s.remove(node.start + startOffset, node.end + startOffset);
@@ -35567,7 +35596,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
       startOffset,
       propsDestructuredBindings,
       error,
-      vueImportAliases.watch
+      vueImportAliases
     );
   }
   if (enableReactivityTransform && // normal <script> had ref bindings that maybe used in <script setup>
@@ -35587,7 +35616,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
     extractRuntimeProps(propsTypeDecl, typeDeclaredProps, declaredTypes);
   }
   if (emitsTypeDecl) {
-    extractRuntimeEmits(emitsTypeDecl, typeDeclaredEmits);
+    extractRuntimeEmits(emitsTypeDecl, typeDeclaredEmits, error);
   }
   checkInvalidScopeReference(propsRuntimeDecl, DEFINE_PROPS);
   checkInvalidScopeReference(propsRuntimeDefaults, DEFINE_PROPS);
@@ -35696,13 +35725,6 @@ let __temp${any}, __restore${any}
   }
   if (destructureElements.length) {
     args += `, { ${destructureElements.join(", ")} }`;
-    if (emitsTypeDecl) {
-      const content = emitsTypeDecl.__fromNormalScript ? script.content : scriptSetup.content;
-      args += `: { emit: (${content.slice(
-        emitsTypeDecl.start,
-        emitsTypeDecl.end
-      )}), expose: any, slots: any, attrs: any }`;
-    }
   }
   let returned;
   if (!options.inlineTemplate || !sfc.template && hasDefaultExportRender) {
@@ -36198,14 +36220,30 @@ function inferValueType(node) {
       return "Function";
   }
 }
-function extractRuntimeEmits(node, emits) {
+function extractRuntimeEmits(node, emits, error) {
   if (node.type === "TSTypeLiteral" || node.type === "TSInterfaceBody") {
     const members = node.type === "TSTypeLiteral" ? node.members : node.body;
+    let hasCallSignature = false;
+    let hasProperty = false;
     for (let t of members) {
       if (t.type === "TSCallSignatureDeclaration") {
         extractEventNames(t.parameters[0], emits);
+        hasCallSignature = true;
+      }
+      if (t.type === "TSPropertySignature") {
+        if (t.key.type !== "Identifier" || t.computed) {
+          error(`defineEmits() type cannot use computed keys.`, t.key);
+        }
+        emits.add(t.key.name);
+        hasProperty = true;
       }
     }
+    if (hasCallSignature && hasProperty) {
+      error(
+        `defineEmits() type cannot mixed call signature and property syntax.`,
+        node
+      );
+    }
     return;
   } else {
     extractEventNames(node.parameters[0], emits);
@@ -49190,7 +49228,7 @@ function preprocess(options, preprocessor) {
   );
 }
 
-const version = "3.3.0-alpha.6";
+const version = "3.3.0-alpha.7";
 const walk = walk$1;
 
 export { MagicString, parse_1$1 as babelParse, compileScript, compileStyle, compileStyleAsync, compileTemplate, extractIdentifiers, generateCodeFrame, isInDestructureAssignment, isStaticProperty, parse$5 as parse, 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.0-alpha.6",
+  "version": "3.3.0-alpha.7",
   "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.20.15",
-    "@vue/compiler-core": "3.3.0-alpha.6",
-    "@vue/compiler-dom": "3.3.0-alpha.6",
-    "@vue/compiler-ssr": "3.3.0-alpha.6",
-    "@vue/reactivity-transform": "3.3.0-alpha.6",
-    "@vue/shared": "3.3.0-alpha.6",
+    "@vue/compiler-core": "3.3.0-alpha.7",
+    "@vue/compiler-dom": "3.3.0-alpha.7",
+    "@vue/compiler-ssr": "3.3.0-alpha.7",
+    "@vue/reactivity-transform": "3.3.0-alpha.7",
+    "@vue/shared": "3.3.0-alpha.7",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.30.0",
     "postcss": "^8.1.10",