Enforce file naming convention with typescript-eslint

Question

I want to automatically enforce file naming conventions for my typescript + react codebase.

e.g. all .ts filenames have to be camelCase all .tsx filenames have to be PascalCase

Orelsanpls has referenced typescript-eslint doing that, however I can only find the naming-conventions rules for variables, classes, members etc.

TSLint contained file-name-casing rules, which is exactly what I'm looking for in typescript-eslint.

Am I missing something about naming-conventions in typescript-eslint?

user_3764048 · Answer

The only supported plugin I could find today doing so is eslint-plugin-unicorn you can see the reference to the rule that can help you here: https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/filename-case.md

You might want to only enable this rule as the plugin comes with many other opinionated rules that you might or might not agree with.