Vue 組件的 @typescript-eslint/naming-convention 解決方法

Question

我們啟用了此規則： https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/naming-convention.md#allowed-selectors-modifiers-and-types

預設情況下，這不允許在物件文字中使用 PascalCase，這對於 vue 元件來說是一個問題

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

建立以下警告

物件文字屬性名稱 MyOtherComponent 必須符合以下格式之一：camelCase

有沒%

Answer 1

我可以重新建立它的唯一方法是使用規則：

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

這不是預設的。所以我猜你的 eslintrc 檔案中有這個或正在使用這個集合的預設值。您應該能夠覆蓋它以使用：

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