@vue/compiler-dom 3.3.0-alpha.8 → 3.3.0-beta.1

package/dist/compiler-dom.cjs.js

@@ -2462,29 +2462,29 @@ function createDOMCompilerError(code, loc) {
   );
 }
 const DOMErrorMessages = {
-  [51]: `v-html is missing expression.`,
-  [52]: `v-html will override element children.`,
-  [53]: `v-text is missing expression.`,
-  [54]: `v-text will override element children.`,
-  [55]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
-  [56]: `v-model argument is not supported on plain elements.`,
-  [57]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
-  [58]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
-  [59]: `v-show is missing expression.`,
-  [60]: `<Transition> expects exactly one child element or component.`,
-  [61]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+  [53]: `v-html is missing expression.`,
+  [54]: `v-html will override element children.`,
+  [55]: `v-text is missing expression.`,
+  [56]: `v-text will override element children.`,
+  [57]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
+  [58]: `v-model argument is not supported on plain elements.`,
+  [59]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
+  [60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
+  [61]: `v-show is missing expression.`,
+  [62]: `<Transition> expects exactly one child element or component.`,
+  [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
 };
 
 const transformVHtml = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(51, loc)
+      createDOMCompilerError(53, loc)
     );
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(52, loc)
+      createDOMCompilerError(54, loc)
     );
     node.children.length = 0;
   }
@@ -2502,12 +2502,12 @@ const transformVText = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(53, loc)
+      createDOMCompilerError(55, loc)
     );
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(54, loc)
+      createDOMCompilerError(56, loc)
     );
     node.children.length = 0;
   }
@@ -2533,7 +2533,7 @@ const transformModel = (dir, node, context) => {
   if (dir.arg) {
     context.onError(
       createDOMCompilerError(
-        56,
+        58,
         dir.arg.loc
       )
     );
@@ -2543,7 +2543,7 @@ const transformModel = (dir, node, context) => {
     if (value) {
       context.onError(
         createDOMCompilerError(
-          58,
+          60,
           value.loc
         )
       );
@@ -2571,7 +2571,7 @@ const transformModel = (dir, node, context) => {
               isInvalidType = true;
               context.onError(
                 createDOMCompilerError(
-                  57,
+                  59,
                   dir.loc
                 )
               );
@@ -2597,7 +2597,7 @@ const transformModel = (dir, node, context) => {
   } else {
     context.onError(
       createDOMCompilerError(
-        55,
+        57,
         dir.loc
       )
     );
@@ -2709,7 +2709,7 @@ const transformShow = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(59, loc)
+      createDOMCompilerError(61, loc)
     );
   }
   return {
@@ -2729,7 +2729,7 @@ const transformTransition = (node, context) => {
         if (hasMultipleChildren(node)) {
           context.onError(
             createDOMCompilerError(
-              60,
+              62,
               {
                 start: node.children[0].loc.start,
                 end: node.children[node.children.length - 1].loc.end,
@@ -2977,7 +2977,7 @@ function evaluateConstant(exp) {
 const ignoreSideEffectTags = (node, context) => {
   if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
     context.onError(
-      createDOMCompilerError(61, node.loc)
+      createDOMCompilerError(63, node.loc)
     );
     context.removeNode();
   }

package/dist/compiler-dom.cjs.prod.js

@@ -2462,29 +2462,29 @@ function createDOMCompilerError(code, loc) {
   );
 }
 const DOMErrorMessages = {
-  [51]: `v-html is missing expression.`,
-  [52]: `v-html will override element children.`,
-  [53]: `v-text is missing expression.`,
-  [54]: `v-text will override element children.`,
-  [55]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
-  [56]: `v-model argument is not supported on plain elements.`,
-  [57]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
-  [58]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
-  [59]: `v-show is missing expression.`,
-  [60]: `<Transition> expects exactly one child element or component.`,
-  [61]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+  [53]: `v-html is missing expression.`,
+  [54]: `v-html will override element children.`,
+  [55]: `v-text is missing expression.`,
+  [56]: `v-text will override element children.`,
+  [57]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
+  [58]: `v-model argument is not supported on plain elements.`,
+  [59]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
+  [60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
+  [61]: `v-show is missing expression.`,
+  [62]: `<Transition> expects exactly one child element or component.`,
+  [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
 };
 
 const transformVHtml = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(51, loc)
+      createDOMCompilerError(53, loc)
     );
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(52, loc)
+      createDOMCompilerError(54, loc)
     );
     node.children.length = 0;
   }
@@ -2502,12 +2502,12 @@ const transformVText = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(53, loc)
+      createDOMCompilerError(55, loc)
     );
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(54, loc)
+      createDOMCompilerError(56, loc)
     );
     node.children.length = 0;
   }
@@ -2533,7 +2533,7 @@ const transformModel = (dir, node, context) => {
   if (dir.arg) {
     context.onError(
       createDOMCompilerError(
-        56,
+        58,
         dir.arg.loc
       )
     );
@@ -2560,7 +2560,7 @@ const transformModel = (dir, node, context) => {
               isInvalidType = true;
               context.onError(
                 createDOMCompilerError(
-                  57,
+                  59,
                   dir.loc
                 )
               );
@@ -2579,7 +2579,7 @@ const transformModel = (dir, node, context) => {
   } else {
     context.onError(
       createDOMCompilerError(
-        55,
+        57,
         dir.loc
       )
     );
@@ -2691,7 +2691,7 @@ const transformShow = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(59, loc)
+      createDOMCompilerError(61, loc)
     );
   }
   return {
@@ -2914,7 +2914,7 @@ function evaluateConstant(exp) {
 const ignoreSideEffectTags = (node, context) => {
   if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
     context.onError(
-      createDOMCompilerError(61, node.loc)
+      createDOMCompilerError(63, node.loc)
     );
     context.removeNode();
   }

package/dist/compiler-dom.d.ts

@@ -21,18 +21,18 @@ interface DOMCompilerError extends CompilerError {
 }
 export declare function createDOMCompilerError(code: DOMErrorCodes, loc?: SourceLocation): DOMCompilerError;
 export declare const enum DOMErrorCodes {
-    X_V_HTML_NO_EXPRESSION = 51,
-    X_V_HTML_WITH_CHILDREN = 52,
-    X_V_TEXT_NO_EXPRESSION = 53,
-    X_V_TEXT_WITH_CHILDREN = 54,
-    X_V_MODEL_ON_INVALID_ELEMENT = 55,
-    X_V_MODEL_ARG_ON_ELEMENT = 56,
-    X_V_MODEL_ON_FILE_INPUT_ELEMENT = 57,
-    X_V_MODEL_UNNECESSARY_VALUE = 58,
-    X_V_SHOW_NO_EXPRESSION = 59,
-    X_TRANSITION_INVALID_CHILDREN = 60,
-    X_IGNORED_SIDE_EFFECT_TAG = 61,
-    __EXTEND_POINT__ = 62
+    X_V_HTML_NO_EXPRESSION = 53,
+    X_V_HTML_WITH_CHILDREN = 54,
+    X_V_TEXT_NO_EXPRESSION = 55,
+    X_V_TEXT_WITH_CHILDREN = 56,
+    X_V_MODEL_ON_INVALID_ELEMENT = 57,
+    X_V_MODEL_ARG_ON_ELEMENT = 58,
+    X_V_MODEL_ON_FILE_INPUT_ELEMENT = 59,
+    X_V_MODEL_UNNECESSARY_VALUE = 60,
+    X_V_SHOW_NO_EXPRESSION = 61,
+    X_TRANSITION_INVALID_CHILDREN = 62,
+    X_IGNORED_SIDE_EFFECT_TAG = 63,
+    __EXTEND_POINT__ = 64
 }
 
 export declare const DOMNodeTransforms: NodeTransform[];

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

@@ -201,8 +201,11 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   [48]: `ES module mode is not supported in this build of compiler.`,
   [49]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
   [50]: `"scopeId" option is only supported in module mode.`,
+  // deprecations
+  [51]: `@vnode-* hooks in templates are deprecated. Use the vue: prefix instead. For example, @vnode-mounted should be changed to @vue:mounted. @vnode-* hooks support will be removed in 3.4.`,
+  [52]: `v-is="component-name" has been deprecated. Use is="vue:component-name" instead. v-is support will be removed in 3.4.`,
   // just to fulfill types
-  [51]: ``
+  [53]: ``
 };
 
 const FRAGMENT = Symbol(`Fragment` );
@@ -2804,13 +2807,6 @@ const isFunctionType = (node) => {
 };
 const isStaticProperty = (node) => node && (node.type === "ObjectProperty" || node.type === "ObjectMethod") && !node.computed;
 const isStaticPropertyKey = (node, parent) => isStaticProperty(parent) && parent.key === node;
-function getImportedName(specifier) {
-  if (specifier.type === "ImportSpecifier")
-    return specifier.imported.type === "Identifier" ? specifier.imported.name : specifier.imported.value;
-  else if (specifier.type === "ImportNamespaceSpecifier")
-    return "*";
-  return "default";
-}
 const TS_NODE_TYPES = [
   "TSAsExpression",
   // foo as number
@@ -2823,16 +2819,6 @@ const TS_NODE_TYPES = [
   "TSSatisfiesExpression"
   // foo satisfies T
 ];
-function unwrapTSNode(node) {
-  if (TS_NODE_TYPES.includes(node.type)) {
-    return unwrapTSNode(node.expression);
-  } else {
-    return node;
-  }
-}
-function isCallOf(node, test) {
-  return !!(node && test && node.type === "CallExpression" && node.callee.type === "Identifier" && (typeof test === "string" ? node.callee.name === test : test(node.callee.name)));
-}
 
 const prohibitedKeywordRE = new RegExp(
   "\\b" + "arguments,await,break,case,catch,class,const,continue,debugger,default,delete,do,else,export,extends,finally,for,function,if,import,let,new,return,super,switch,throw,try,var,void,while,with,yield".split(",").join("\\b|\\b") + "\\b"
@@ -3802,6 +3788,11 @@ function resolveComponentType(node, context, ssr = false) {
   }
   const isDir = !isExplicitDynamic && findDir(node, "is");
   if (isDir && isDir.exp) {
+    {
+      context.onWarn(
+        createCompilerError(52, isDir.loc)
+      );
+    }
     return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [
       isDir.exp
     ]);
@@ -4307,6 +4298,11 @@ const transformOn$1 = (dir, node, context, augmentor) => {
   if (arg.type === 4) {
     if (arg.isStatic) {
       let rawName = arg.content;
+      if (rawName.startsWith("vnode")) {
+        context.onWarn(
+          createCompilerError(51, arg.loc)
+        );
+      }
       if (rawName.startsWith("vue:")) {
         rawName = `vnode-${rawName.slice(4)}`;
       }
@@ -4503,7 +4499,7 @@ const transformText = (node, context) => {
 const seen$1 = /* @__PURE__ */ new WeakSet();
 const transformOnce = (node, context) => {
   if (node.type === 1 && findDir(node, "once", true)) {
-    if (seen$1.has(node) || context.inVOnce) {
+    if (seen$1.has(node) || context.inVOnce || context.inSSR) {
       return;
     }
     seen$1.add(node);
@@ -4954,29 +4950,29 @@ function createDOMCompilerError(code, loc) {
   );
 }
 const DOMErrorMessages = {
-  [51]: `v-html is missing expression.`,
-  [52]: `v-html will override element children.`,
-  [53]: `v-text is missing expression.`,
-  [54]: `v-text will override element children.`,
-  [55]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
-  [56]: `v-model argument is not supported on plain elements.`,
-  [57]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
-  [58]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
-  [59]: `v-show is missing expression.`,
-  [60]: `<Transition> expects exactly one child element or component.`,
-  [61]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+  [53]: `v-html is missing expression.`,
+  [54]: `v-html will override element children.`,
+  [55]: `v-text is missing expression.`,
+  [56]: `v-text will override element children.`,
+  [57]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
+  [58]: `v-model argument is not supported on plain elements.`,
+  [59]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
+  [60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
+  [61]: `v-show is missing expression.`,
+  [62]: `<Transition> expects exactly one child element or component.`,
+  [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
 };
 
 const transformVHtml = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(51, loc)
+      createDOMCompilerError(53, loc)
     );
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(52, loc)
+      createDOMCompilerError(54, loc)
     );
     node.children.length = 0;
   }
@@ -4994,12 +4990,12 @@ const transformVText = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(53, loc)
+      createDOMCompilerError(55, loc)
     );
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(54, loc)
+      createDOMCompilerError(56, loc)
     );
     node.children.length = 0;
   }
@@ -5025,7 +5021,7 @@ const transformModel = (dir, node, context) => {
   if (dir.arg) {
     context.onError(
       createDOMCompilerError(
-        56,
+        58,
         dir.arg.loc
       )
     );
@@ -5035,7 +5031,7 @@ const transformModel = (dir, node, context) => {
     if (value) {
       context.onError(
         createDOMCompilerError(
-          58,
+          60,
           value.loc
         )
       );
@@ -5063,7 +5059,7 @@ const transformModel = (dir, node, context) => {
               isInvalidType = true;
               context.onError(
                 createDOMCompilerError(
-                  57,
+                  59,
                   dir.loc
                 )
               );
@@ -5089,7 +5085,7 @@ const transformModel = (dir, node, context) => {
   } else {
     context.onError(
       createDOMCompilerError(
-        55,
+        57,
         dir.loc
       )
     );
@@ -5201,7 +5197,7 @@ const transformShow = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(59, loc)
+      createDOMCompilerError(61, loc)
     );
   }
   return {
@@ -5221,7 +5217,7 @@ const transformTransition = (node, context) => {
         if (hasMultipleChildren(node)) {
           context.onError(
             createDOMCompilerError(
-              60,
+              62,
               {
                 start: node.children[0].loc.start,
                 end: node.children[node.children.length - 1].loc.end,
@@ -5258,7 +5254,7 @@ function hasMultipleChildren(node) {
 const ignoreSideEffectTags = (node, context) => {
   if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
     context.onError(
-      createDOMCompilerError(61, node.loc)
+      createDOMCompilerError(63, node.loc)
     );
     context.removeNode();
   }
@@ -5303,4 +5299,4 @@ function parse(template, options = {}) {
   return baseParse(template, extend({}, parserOptions, options));
 }
 
-export { BASE_TRANSITION, CAMELIZE, CAPITALIZE, CREATE_BLOCK, CREATE_COMMENT, CREATE_ELEMENT_BLOCK, CREATE_ELEMENT_VNODE, CREATE_SLOTS, CREATE_STATIC, CREATE_TEXT, CREATE_VNODE, DOMDirectiveTransforms, DOMNodeTransforms, FRAGMENT, GUARD_REACTIVE_PROPS, IS_MEMO_SAME, IS_REF, KEEP_ALIVE, MERGE_PROPS, NORMALIZE_CLASS, NORMALIZE_PROPS, NORMALIZE_STYLE, OPEN_BLOCK, POP_SCOPE_ID, PUSH_SCOPE_ID, RENDER_LIST, RENDER_SLOT, RESOLVE_COMPONENT, RESOLVE_DIRECTIVE, RESOLVE_DYNAMIC_COMPONENT, RESOLVE_FILTER, SET_BLOCK_TRACKING, SUSPENSE, TELEPORT, TO_DISPLAY_STRING, TO_HANDLERS, TO_HANDLER_KEY, TRANSITION, TRANSITION_GROUP, TS_NODE_TYPES, UNREF, V_MODEL_CHECKBOX, V_MODEL_DYNAMIC, V_MODEL_RADIO, V_MODEL_SELECT, V_MODEL_TEXT, V_ON_WITH_KEYS, V_ON_WITH_MODIFIERS, V_SHOW, WITH_CTX, WITH_DIRECTIVES, WITH_MEMO, advancePositionWithClone, advancePositionWithMutation, assert, baseCompile, baseParse, buildDirectiveArgs, buildProps, buildSlots, checkCompatEnabled, compile, convertToBlock, createArrayExpression, createAssignmentExpression, createBlockStatement, createCacheExpression, createCallExpression, createCompilerError, createCompoundExpression, createConditionalExpression, createDOMCompilerError, createForLoopParams, createFunctionExpression, createIfStatement, createInterpolation, createObjectExpression, createObjectProperty, createReturnStatement, createRoot, createSequenceExpression, createSimpleExpression, createStructuralDirectiveTransform, createTemplateLiteral, createTransformContext, createVNodeCall, extractIdentifiers, findDir, findProp, generate, generateCodeFrame, getBaseTransformPreset, getConstantType, getImportedName, getInnerRange, getMemoedVNodeCall, getVNodeBlockHelper, getVNodeHelper, hasDynamicKeyVBind, hasScopeRef, helperNameMap, injectProp, isBuiltInType, isCallOf, isCoreComponent, isFunctionType, isInDestructureAssignment, isMemberExpression, isMemberExpressionBrowser, isMemberExpressionNode, isReferencedIdentifier, isSimpleIdentifier, isSlotOutlet, isStaticArgOf, isStaticExp, isStaticProperty, isStaticPropertyKey, isTemplateNode, isText$1 as isText, isVSlot, locStub, noopDirectiveTransform, parse, parserOptions, processExpression, processFor, processIf, processSlotOutlet, registerRuntimeHelpers, resolveComponentType, stringifyExpression, toValidAssetId, trackSlotScopes, trackVForSlotScopes, transform, transformBind, transformElement, transformExpression, transformModel$1 as transformModel, transformOn$1 as transformOn, transformStyle, traverseNode, unwrapTSNode, walkBlockDeclarations, walkFunctionParams, walkIdentifiers, warnDeprecation };
+export { BASE_TRANSITION, CAMELIZE, CAPITALIZE, CREATE_BLOCK, CREATE_COMMENT, CREATE_ELEMENT_BLOCK, CREATE_ELEMENT_VNODE, CREATE_SLOTS, CREATE_STATIC, CREATE_TEXT, CREATE_VNODE, DOMDirectiveTransforms, DOMNodeTransforms, FRAGMENT, GUARD_REACTIVE_PROPS, IS_MEMO_SAME, IS_REF, KEEP_ALIVE, MERGE_PROPS, NORMALIZE_CLASS, NORMALIZE_PROPS, NORMALIZE_STYLE, OPEN_BLOCK, POP_SCOPE_ID, PUSH_SCOPE_ID, RENDER_LIST, RENDER_SLOT, RESOLVE_COMPONENT, RESOLVE_DIRECTIVE, RESOLVE_DYNAMIC_COMPONENT, RESOLVE_FILTER, SET_BLOCK_TRACKING, SUSPENSE, TELEPORT, TO_DISPLAY_STRING, TO_HANDLERS, TO_HANDLER_KEY, TRANSITION, TRANSITION_GROUP, TS_NODE_TYPES, UNREF, V_MODEL_CHECKBOX, V_MODEL_DYNAMIC, V_MODEL_RADIO, V_MODEL_SELECT, V_MODEL_TEXT, V_ON_WITH_KEYS, V_ON_WITH_MODIFIERS, V_SHOW, WITH_CTX, WITH_DIRECTIVES, WITH_MEMO, advancePositionWithClone, advancePositionWithMutation, assert, baseCompile, baseParse, buildDirectiveArgs, buildProps, buildSlots, checkCompatEnabled, compile, convertToBlock, createArrayExpression, createAssignmentExpression, createBlockStatement, createCacheExpression, createCallExpression, createCompilerError, createCompoundExpression, createConditionalExpression, createDOMCompilerError, createForLoopParams, createFunctionExpression, createIfStatement, createInterpolation, createObjectExpression, createObjectProperty, createReturnStatement, createRoot, createSequenceExpression, createSimpleExpression, createStructuralDirectiveTransform, createTemplateLiteral, createTransformContext, createVNodeCall, extractIdentifiers, findDir, findProp, generate, generateCodeFrame, getBaseTransformPreset, getConstantType, getInnerRange, getMemoedVNodeCall, getVNodeBlockHelper, getVNodeHelper, hasDynamicKeyVBind, hasScopeRef, helperNameMap, injectProp, isBuiltInType, isCoreComponent, isFunctionType, isInDestructureAssignment, isMemberExpression, isMemberExpressionBrowser, isMemberExpressionNode, isReferencedIdentifier, isSimpleIdentifier, isSlotOutlet, isStaticArgOf, isStaticExp, isStaticProperty, isStaticPropertyKey, isTemplateNode, isText$1 as isText, isVSlot, locStub, noopDirectiveTransform, parse, parserOptions, processExpression, processFor, processIf, processSlotOutlet, registerRuntimeHelpers, resolveComponentType, stringifyExpression, toValidAssetId, trackSlotScopes, trackVForSlotScopes, transform, transformBind, transformElement, transformExpression, transformModel$1 as transformModel, transformOn$1 as transformOn, transformStyle, traverseNode, walkBlockDeclarations, walkFunctionParams, walkIdentifiers, warnDeprecation };