GlobalComponents + 'vue/component-name-in-template-casing'

[chenyulun]

Clear and concise description of the problem

全局的组件，有没有办法要求使用的时候必须PascalCase
全局注入的组件是unplugin-vue-components自动注入的，但是没办法限制组件里面的写法必须是PascalCase
有生成typescript的声明文件components.d.ts

Suggested solution

和unplugin-vue-components联动一下，能识别全局组件

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[chenyulun]

unplugin/unplugin-vue-components#783

[antfu]

I don't know how much it's possible to support in ESLint, but I am up to having un plugin-vue-components to have a flag that throws errors on building based on the cases of usage.

[chenyulun]

export default antfu({
rules: {
    'vue/component-name-in-template-casing': ['error', 'PascalCase', {
      registeredComponentsOnly: false,
      ignores: []
    }]
  }
})

Use this rule for now, if there are additional additions to the ignores array

[chenyulun]

This approach may incorrectly recognize non-global components or webcomponents components and incorrectly format them as PascalCase
I don't think it's a big problem. I'll use it for now.

[chenyulun]

It is recommended that unplugin-vue-components outputs a list of component JSON, and then vue/component-name-in-template-casing support imports the list of components that need to be inspected