fix: add files globs to be linted (#130)

* fix: add files globs to be linted

* react: **/*.jsx
* vue: **/*.vue
* ts: **/*.ts
* react+ts: **/*.tsx

* fix: add languageOptions

lib/config-generator.js

@@ -125,6 +125,7 @@ export class ConfigGenerator {
  this.answers.config = typeof this.answers.config === "string"
  ? { packageName: this.answers.config, type: "flat" }
  : this.answers.config;
+ const extensions = []; // file extensions to lint, the default is ["js", "mjs", "cjs"]
 
  let importContent = "";
  const helperContent = `import path from "path";
@@ -166,22 +167,29 @@ const compat = new FlatCompat({baseDirectory: __dirname, recommendedConfig: plug
  }
 
  if (this.answers.language === "typescript") {
+ extensions.push("ts");
  this.result.devDependencies.push("typescript-eslint");
  this.result.installFlags.push("--force"); // tseslint does not support eslint 9.x yet
  importContent += "import tseslint from \"typescript-eslint\";\n";
  exportContent += " ...tseslint.configs.recommended,\n";
  }
 
  if (this.answers.framework === "vue") {
-
+ extensions.push("vue");
  this.result.devDependencies.push("eslint-plugin-vue");
-
  importContent += "import pluginVue from \"eslint-plugin-vue\";\n";
  exportContent += " ...pluginVue.configs[\"flat/essential\"],\n";
  }
 
  if (this.answers.framework === "react") {
- exportContent += " { files: [\"**/*.jsx\"], languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },\n";
+ extensions.push("jsx");
+
+ if (this.answers.language === "typescript") {
+ extensions.push("tsx");
+ }
+ // eslint-plugin-react's flat configs have languageOptions as a non-enumerable property
+ exportContent = ` { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },\n${exportContent}`;
+
  if (this.answers.eslintVersion === "9.x") {
  this.result.devDependencies.push("eslint-plugin-react", "@eslint/compat");
  if (!this.result.installFlags.includes("--force")) {
@@ -197,6 +205,7 @@ const compat = new FlatCompat({baseDirectory: __dirname, recommendedConfig: plug
  exportContent += " pluginReactConfig,\n";
  }
  }
+
  if (this.answers.config) {
  const config = this.answers.config;
 
@@ -237,6 +246,10 @@ const compat = new FlatCompat({baseDirectory: __dirname, recommendedConfig: plug
  this.result.devDependencies.push("@eslint/eslintrc", "@eslint/js");
  }
 
+ const lintFilesConfig = extensions.length > 0 ? ` {files: ["**/*.{${["js", "mjs", "cjs", ...extensions]}}"]},\n` : "";
+
+ exportContent = `${lintFilesConfig}${exportContent}`;
+
  this.result.configContent = `${importContent}
 ${needCompatHelper ? helperContent : ""}
 export default [\n${exportContent}];`;

tests/__snapshots__/config@eslint-config-airbnb

@@ -17,9 +17,9 @@ export default [
  "devDependencies": [
  "eslint@^7.32.0 || ^8.2.0",
  "eslint-config-airbnb",
+ "eslint-plugin-react@^7.28.0",
  "eslint-plugin-import@^2.25.3",
  "eslint-plugin-jsx-a11y@^6.5.1",
- "eslint-plugin-react@^7.28.0",
  "eslint-plugin-react-hooks@^4.3.0",
  "@eslint/eslintrc",
  "@eslint/js",

tests/__snapshots__/problems-commonjs-none-typescript

@@ -5,6 +5,7 @@ import tseslint from "typescript-eslint";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "commonjs"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  pluginJs.configs.recommended,

tests/__snapshots__/problems-commonjs-vue-javascript

@@ -5,6 +5,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,vue}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "commonjs"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  pluginJs.configs.recommended,

tests/__snapshots__/problems-commonjs-vue-typescript

@@ -6,6 +6,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts,vue}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "commonjs"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  pluginJs.configs.recommended,

tests/__snapshots__/problems-esm-none-typescript

@@ -5,6 +5,7 @@ import tseslint from "typescript-eslint";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts}"]},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  pluginJs.configs.recommended,
  ...tseslint.configs.recommended,

tests/__snapshots__/problems-esm-react-eslint8.x-javascript

@@ -5,9 +5,10 @@ import pluginReactConfig from "eslint-plugin-react/configs/recommended.js";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,jsx}"]},
+ { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  {languageOptions: { globals: globals.browser }},
  pluginJs.configs.recommended,
- { files: ["**/*.jsx"], languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  pluginReactConfig,
 ];",
  "configFilename": "eslint.config.js",

tests/__snapshots__/problems-esm-react-eslint8.x-typescript

@@ -6,10 +6,11 @@ import pluginReactConfig from "eslint-plugin-react/configs/recommended.js";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"]},
+ { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  {languageOptions: { globals: globals.browser }},
  pluginJs.configs.recommended,
  ...tseslint.configs.recommended,
- { files: ["**/*.jsx"], languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  pluginReactConfig,
 ];",
  "configFilename": "eslint.config.js",

tests/__snapshots__/problems-esm-react-eslint9.x-javascript

@@ -6,9 +6,10 @@ import { fixupConfigRules } from "@eslint/compat";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,jsx}"]},
+ { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  {languageOptions: { globals: globals.browser }},
  pluginJs.configs.recommended,
- { files: ["**/*.jsx"], languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  ...fixupConfigRules(pluginReactConfig),
 ];",
  "configFilename": "eslint.config.js",

tests/__snapshots__/problems-esm-react-eslint9.x-typescript

@@ -7,10 +7,11 @@ import { fixupConfigRules } from "@eslint/compat";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"]},
+ { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  {languageOptions: { globals: globals.browser }},
  pluginJs.configs.recommended,
  ...tseslint.configs.recommended,
- { files: ["**/*.jsx"], languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  ...fixupConfigRules(pluginReactConfig),
 ];",
  "configFilename": "eslint.config.js",

tests/__snapshots__/problems-esm-vue-javascript

@@ -5,6 +5,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,vue}"]},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  pluginJs.configs.recommended,
  ...pluginVue.configs["flat/essential"],

tests/__snapshots__/problems-esm-vue-typescript

@@ -6,6 +6,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts,vue}"]},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  pluginJs.configs.recommended,
  ...tseslint.configs.recommended,

tests/__snapshots__/problems-script-none-typescript

@@ -5,6 +5,7 @@ import tseslint from "typescript-eslint";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "script"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  pluginJs.configs.recommended,

tests/__snapshots__/problems-script-vue-javascript

@@ -5,6 +5,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,vue}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "script"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  pluginJs.configs.recommended,

tests/__snapshots__/problems-script-vue-typescript

@@ -6,6 +6,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts,vue}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "script"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  pluginJs.configs.recommended,

tests/__snapshots__/syntax-commonjs-none-typescript

@@ -4,6 +4,7 @@ import tseslint from "typescript-eslint";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "commonjs"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  ...tseslint.configs.recommended,

tests/__snapshots__/syntax-commonjs-vue-javascript

@@ -4,6 +4,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,vue}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "commonjs"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  ...pluginVue.configs["flat/essential"],

tests/__snapshots__/syntax-commonjs-vue-typescript

@@ -5,6 +5,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts,vue}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "commonjs"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  ...tseslint.configs.recommended,

tests/__snapshots__/syntax-esm-none-typescript

@@ -4,6 +4,7 @@ import tseslint from "typescript-eslint";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts}"]},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  ...tseslint.configs.recommended,
 ];",

tests/__snapshots__/syntax-esm-react-eslint8.x-javascript

@@ -4,8 +4,9 @@ import pluginReactConfig from "eslint-plugin-react/configs/recommended.js";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,jsx}"]},
+ { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  {languageOptions: { globals: globals.browser }},
- { files: ["**/*.jsx"], languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  pluginReactConfig,
 ];",
  "configFilename": "eslint.config.js",

tests/__snapshots__/syntax-esm-react-eslint8.x-typescript

@@ -5,9 +5,10 @@ import pluginReactConfig from "eslint-plugin-react/configs/recommended.js";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"]},
+ { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  {languageOptions: { globals: globals.browser }},
  ...tseslint.configs.recommended,
- { files: ["**/*.jsx"], languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  pluginReactConfig,
 ];",
  "configFilename": "eslint.config.js",

tests/__snapshots__/syntax-esm-react-eslint9.x-javascript

@@ -5,8 +5,9 @@ import { fixupConfigRules } from "@eslint/compat";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,jsx}"]},
+ { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  {languageOptions: { globals: globals.browser }},
- { files: ["**/*.jsx"], languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  ...fixupConfigRules(pluginReactConfig),
 ];",
  "configFilename": "eslint.config.js",

tests/__snapshots__/syntax-esm-react-eslint9.x-typescript

@@ -6,9 +6,10 @@ import { fixupConfigRules } from "@eslint/compat";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"]},
+ { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  {languageOptions: { globals: globals.browser }},
  ...tseslint.configs.recommended,
- { files: ["**/*.jsx"], languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
  ...fixupConfigRules(pluginReactConfig),
 ];",
  "configFilename": "eslint.config.js",

tests/__snapshots__/syntax-esm-vue-javascript

@@ -4,6 +4,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,vue}"]},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  ...pluginVue.configs["flat/essential"],
 ];",

tests/__snapshots__/syntax-esm-vue-typescript

@@ -5,6 +5,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts,vue}"]},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  ...tseslint.configs.recommended,
  ...pluginVue.configs["flat/essential"],

tests/__snapshots__/syntax-script-none-typescript

@@ -4,6 +4,7 @@ import tseslint from "typescript-eslint";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "script"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  ...tseslint.configs.recommended,

tests/__snapshots__/syntax-script-vue-javascript

@@ -4,6 +4,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,vue}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "script"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  ...pluginVue.configs["flat/essential"],

tests/__snapshots__/syntax-script-vue-typescript

@@ -5,6 +5,7 @@ import pluginVue from "eslint-plugin-vue";
 
 
 export default [
+ {files: ["**/*.{js,mjs,cjs,ts,vue}"]},
  {files: ["**/*.js"], languageOptions: {sourceType: "script"}},
  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  ...tseslint.configs.recommended,