ESlint? ??? ???? ??? ?? ??? ?? ??? ?? ???? ?????. ???? ???? ?? ??? ???? ??? ????? ??? ??? ?? ?? ??? ??? ?? ??? ??? ? ?? ?? ??? ?? ? ????.

?? ??? ??, ??(?? ???? ?? ?? ?)? ??? ????? ?? no-restricted-syntax?? ?? ??? ??? ? ????.

?? ?? ??(AST) ??

? ?? ???? ???? ?? ?? ???? ???? ???. AST? ??? "??"? ?? ??? ??? ??(??? AST? "??") ??? ????? ??? ????. ?? ??, ????, ??? ? ???? ?? ?????. ??? ?? ???? ???? ???? ?? ??? ?? ?????. ??? ?? ????? ??? ?????? IDE? ???? ?? ??? ??? ???? ?? ?? ?????.

?? ??? ???? ?? ??? ??? ?? AST? ??? ???? ??? ??? AST ???? ??? ? ? ????. ??? ?? ???? ???? ????? ???? ?? AST ??? ?? ??? ? ????. :

?? ?? ?? ? ?? ??? ?????.

?? ?? Vue ??? ??? ? ??? ?? ESlint ???? ????? ??? vue-eslint-parser? ???? ???. @vue/compiler-dom? ??? ??? ?? ??? ESlint ??? ???? ?? ??? ??? ?? ????.

??? ???

? ??? ??? ??? ??? ESLint ??? ?????. ???? AST? ???? ? ??? ? ?? ???? ???? ??? CSS ??? ????? ???? ??? ? ????. ?? ?? ??, ??, ?? ? ?? ??? ?? ?? ???? ???? ??? "???" ??? ???? ???. ??? ??? ? ?? ????.

• AST ?? ??: ForStatement
• ?? ?: [attr="foo"]
• ?? ??: [attr.level2="foo"]
• ??: FunctionDeclaration > ???.id

?? ??? ??? ????.

const time = dayjs();

@typescript-eslint/parser? ???? ?? AST? ?????.

Program {
  body: [
    VariableDeclaration {
      declarations: [
        VariableDeclarator {
          id: Identifier
          init: CallExpression {
            callee: Identifier {
              name: "dayjs"
            }
            arguments: []
            optional: false
          }
        }
      ]
      kind: "const"
    }
  ]
  sourceType: "module"
}

??? ?? ??? dayjs(?? ??? ?? ???)? ?? ??(CallExpression)? ????? ???. ?? ?? ?? ??? > dayjs ???? ??? ?? ??? ???? ??? ?????. ??? ???? CallExpression > ???[name="dayjs"].

?

??? ?? ???

UTC ?? dayjs ??? ???? ?? ESLint Playground?? ????? ??? ? ? ?? ???? ??? ????.

const time = dayjs();

Program {
  body: [
    VariableDeclaration {
      declarations: [
        VariableDeclarator {
          id: Identifier
          init: CallExpression {
            callee: Identifier {
              name: "dayjs"
            }
            arguments: []
            optional: false
          }
        }
      ]
      kind: "const"
    }
  ]
  sourceType: "module"
}

Vue ??? ??

??? Vue ???? ???? ?? ??? ???? (?? ????) ??? ???? ? ?? ????(eslint-plugin-vue ???? ???? ??? ?? ?? vue/? ?? ?? ?????).

'no-restricted-syntax': [
  'error',
  {
    selector: 'CallExpression > Identifier[name="dayjs"]',
    message: 'Always use dayjs.utc() instead of dayjs() to avoid timezone issues',
  },
]

const foo = dayjs();
//          ^^^^^ Invalid
const bar = dayjs.utc();

??? ??? ? ?? ??? ??? ??? ? ??? ??? ?? ??? ??? ???? ?? ? ???? ??? ?? ??? ????? ??????.

??? ??

??? ?? ?? ??? ??? ???? ?? ??? ?? ??? ????. ??? ????? ???? ? ?? ??? ?? t(?? ?? ??) ??? ??? ????. :

'vue/no-restricted-syntax': [
  'error',
  {
    selector: 'VAttribute > VExpressionContainer > AssignmentExpression',
    message: 'Do not assign values in templates as it will not be reactive',
  },
],

<template>
  <div :set="(foo = 'bar')">{{ foo }}</div>
  <!-- Outputs <div>bar</div> -->
  <!--       ^^^^^^^^^^ Invalid -->
</template>

??

??? ???? ?? ? ???? ?? ??? ChatGPT? ??? ??? ? ????! ???? ?? ??? ????:

?? ??? ???? ?? ???? ?? ?? ?? ??? ???? ?? ? ?????.

'no-restricted-syntax': [
  'error',
  {
    selector: 'CallExpression[callee.name=/^(t|tc|tf|te|d|n)$/][arguments.0.value=/^exports./]',
    message: 'Do not assign values in templates as it will not be reactive',
  },
],

? ???? ?? ??? ???? ???? ????? ?? ??? ??? ?? ????. ?? ??? ???? ???? ?? ??? ?? ??? ???? ???.

??? ?? ??? ?? ??? ? ? ???? ?? ??? ??? ? ????!

? ??? ESLint? ?? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!