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,