@typescript-eslint/naming-convention Workaround für Vue-Komponenten

Question

Wir haben diese Regel aktiviert: https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/naming-convention.md#allowed-selectors-modifiers-and-types

Standardmäßig ist die Verwendung von PascalCase in Objektliteralen nicht zulässig, was für Vue-Komponenten ein Problem darstellt

export default defineComponent({
    name: 'MyComponent',
    components: {
      MyOtherComponent,
    },
  })

Erstellen Sie die folgende Warnung

Objektliteral-Eigenschaftsname MyOtherComponent muss einem der folgenden Formate entsprechen: camelCase

Hat jemand eine Lösung gefunden? Ich habe alle Modifikationen ausprobiert, konnte aber keine finden, die das Problem löst und die Verwendung von Pascal für Objektliterale nicht zulässt

Answer 1

我可以重新创建它的唯一方法是使用规则：

"@typescript-eslint/naming-convention": [
                    "error",
                    {
                        "selector": "class",
                        "format": ["PascalCase"]
                    },

这不是默认的。所以我猜你的 eslintrc 文件中有这个或者正在使用这个集合的默认值。您应该能够覆盖它以使用：

{
    "selector": "class",
    "format": ["camelCase"]
}