Solution de contournement @typescript-eslint/naming-convention pour les composants Vue

Question

Nous avons activé cette règle : https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/naming-convention.md#allowed-selectors-modifiers-and-types

Par défaut, cela ne permet pas l'utilisation de PascalCase dans les littéraux d'objet, ce qui pose problème pour les composants vue

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

Créez l'avertissement suivant

Le nom de la propriété littérale de l'objet MyOtherComponent doit correspondre à l'un des formats suivants : camelCase

Quelqu'un a-t-il trouvé une solution ? J'ai essayé toutes les modifications mais je n'en ai pas trouvé une qui résout le problème et ne permet pas d'utiliser Pascal sur les littéraux d'objet

Answer 1

La seule façon de le recréer est d'utiliser des règles :

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

Ce n'est pas la valeur par défaut. Je suppose donc que vous avez cela dans votre fichier eslintrc ou que vous utilisez les valeurs par défaut pour cette collection. Vous devriez pouvoir remplacer ceci pour utiliser :

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