fix(compiler-core): avoid using component name as parameter name

packages/compiler-core/src/errors.ts

@@ -77,6 +77,7 @@ export enum ErrorCodes {
   X_V_FOR_NO_EXPRESSION,
   X_V_FOR_MALFORMED_EXPRESSION,
   X_V_FOR_TEMPLATE_KEY_PLACEMENT,
+  X_V_FOR_PARAMS,
   X_V_BIND_NO_EXPRESSION,
   X_V_ON_NO_EXPRESSION,
   X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET,
@@ -159,6 +160,7 @@ export const errorMessages: Record<ErrorCodes, string> = {
   [ErrorCodes.X_V_FOR_NO_EXPRESSION]: `v-for is missing expression.`,
   [ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION]: `v-for has invalid expression.`,
   [ErrorCodes.X_V_FOR_TEMPLATE_KEY_PLACEMENT]: `<template v-for> key should be placed on the <template> tag.`,
+  [ErrorCodes.X_V_FOR_PARAMS]: `<template v-for> the parameter name cannot be the same as the current component name.`,
   [ErrorCodes.X_V_BIND_NO_EXPRESSION]: `v-bind is missing expression.`,
   [ErrorCodes.X_V_BIND_INVALID_SAME_NAME_ARGUMENT]: `v-bind with same-name shorthand only allows static argument.`,
   [ErrorCodes.X_V_ON_NO_EXPRESSION]: `v-on is missing expression.`,

packages/compiler-core/src/transforms/vFor.ts

@@ -4,7 +4,9 @@ import {
   createStructuralDirectiveTransform,
 } from '../transform'
 import {
+  type BaseElementNode,
   type BlockCodegenNode,
+  type CompoundExpressionNode,
   ConstantTypes,
   type DirectiveNode,
   type ElementNode,
@@ -206,7 +208,40 @@ export const transformFor: NodeTransform = createStructuralDirectiveTransform(
             helper(getVNodeHelper(context.inSSR, childBlock.isComponent))
           }
         }
+        if (__DEV__ || !__BROWSER__) {
+          let currentTag = ''
+          if (forNode.children[0]) {
+            currentTag = (forNode.children[0] as BaseElementNode).tag
+          }
+          if (
+            currentTag &&
+            forNode.parseResult.value &&
+            (forNode.parseResult.value as SimpleExpressionNode).content ===
+              currentTag
+          ) {
+            context.onError(
+              createCompilerError(ErrorCodes.X_V_FOR_PARAMS, childBlock.loc),
+            )
+          }
+          let identifiers: CompoundExpressionNode['identifiers'] = []
+          if (
+            forNode.parseResult.value &&
+            (forNode.parseResult.value as CompoundExpressionNode).identifiers
+          ) {
+            identifiers = (forNode.parseResult.value as CompoundExpressionNode)
+              .identifiers
+          }
 
+          if (
+            currentTag &&
+            identifiers &&
+            identifiers.some(i => i === currentTag)
+          ) {
+            context.onError(
+              createCompilerError(ErrorCodes.X_V_FOR_PARAMS, childBlock.loc),
+            )
+          }
+        }
         if (memo) {
           const loop = createFunctionExpression(
             createForLoopParams(forNode.parseResult, [

packages/compiler-dom/src/errors.ts

@@ -21,7 +21,7 @@ export function createDOMCompilerError(
 }
 
 export enum DOMErrorCodes {
-  X_V_HTML_NO_EXPRESSION = 53 /* ErrorCodes.__EXTEND_POINT__ */,
+  X_V_HTML_NO_EXPRESSION = 54 /* ErrorCodes.__EXTEND_POINT__ */,
   X_V_HTML_WITH_CHILDREN,
   X_V_TEXT_NO_EXPRESSION,
   X_V_TEXT_WITH_CHILDREN,