Support Next.js pages router naming case for file name

[Nirajn2311]

Currently folder names are checked with the NEXT_JS_APP_ROUTER_CASE value to be in line with Next.js app routers naming conventions. Similarly can it also be added to the file naming convention rule as those also need to be inline with the same naming Next.js conventions but for pages router

[dukeluo]

I think KEBAB_CASE can do these things you said for files in nextjs app router project, so i havent add a new naming convention for the rule filename-naming-convention.

[Nirajn2311]

My bad, I was thinking of the pages router and got them muddled up when creating the issue.

[zamgill]

here's how I got it to work with pages router. It skips the dynamic files:

{
  "extends": [
    "next/core-web-vitals",
    "next",
    "prettier",
    "plugin:@typescript-eslint/recommended",
    "plugin:import/recommended"
  ],
  "plugins": ["check-file"],
  "rules": {
    "@typescript-eslint/no-unused-vars": ["error"],
    "@typescript-eslint/ban-ts-comment": ["off"],
    "@typescript-eslint/no-explicit-any": ["warn"],
    "check-file/filename-naming-convention": [
      "error",
      {
        "**/use*.{ts,tsx}": "CAMEL_CASE",
        "**/*Provider.{ts,tsx}": "CAMEL_CASE",
        "**/pages/**/!(\\[*\\]).{ts,tsx}": "KEBAB_CASE",
        "**/!(\\[*\\]|use*).{ts,tsx}": "KEBAB_CASE"
      },
      {
        // ignore the middle extensions of the filename to support filename like bable.config.js or smoke.spec.ts
        "ignoreMiddleExtensions": true
      }
    ],
    "check-file/folder-naming-convention": [
      "error",
      {
        // all folders within src (except __tests__)should be named in kebab-case
        "src/**/!(__tests__)": "KEBAB_CASE"
      }
    ]
  }
}