Port changes to the new template parser

Author: skirtles-code

packages/compiler-core/__tests__/__snapshots__/parse.spec.ts.snap

@@ -3925,6 +3925,7 @@ exports[`compiler: parse > Errors > X_COLON_BEFORE_DIRECTIVE > <div :v-foo="obj"
           },
           "modifiers": [],
           "name": "bind",
+          "rawName": ":v-foo",
           "type": 7,
         },
       ],
@@ -3952,6 +3953,7 @@ exports[`compiler: parse > Errors > X_COLON_BEFORE_DIRECTIVE > <div :v-foo="obj"
       "offset": 0,
     },
   },
+  "source": "<div :v-foo="obj" />",
   "temps": 0,
   "type": 0,
 }

packages/compiler-core/src/parser.ts

@@ -256,6 +256,17 @@ const tokenizer = new Tokenizer(stack, {
         getLoc(start, end),
         isStatic ? ConstantTypes.CAN_STRINGIFY : ConstantTypes.NOT_CONSTANT,
       )
+      if (
+        __DEV__ &&
+        arg.startsWith('v-') &&
+        (currentProp as DirectiveNode).rawName === ':'
+      ) {
+        emitWarning(
+          ErrorCodes.X_COLON_BEFORE_DIRECTIVE,
+          start - 1,
+          `the attribute name :${arg} is probably a mistake. Did you mean ${arg} instead?`,
+        )
+      }
     }
   },
 
@@ -1007,6 +1018,12 @@ function emitError(code: ErrorCodes, index: number, message?: string) {
   )
 }
 
+function emitWarning(code: ErrorCodes, index: number, message?: string) {
+  currentOptions.onWarn(
+    createCompilerError(code, getLoc(index, index), undefined, message),
+  )
+}
+
 function reset() {
   tokenizer.reset()
   currentOpenTag = null