fix: Add custom ts parser for vue projects (#136)

This commit modifies the ESLint config generator to add a custom parser for TypeScript files when the language option is set to "typescript". This change is necessary to ensure proper linting of Vue files with TypeScript code. refs: https://eslint.vuejs.org/user-guide/#how-to-use-a-custom-parser Signed-off-by: 唯然 <[email protected]>
eslint · Jul 12, 2024 · 0098452 · 0098452
1 parent 916d876
commit 0098452
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 0 deletions.
diff --git a/lib/config-generator.js b/lib/config-generator.js
@@ -180,6 +180,11 @@ const compat = new FlatCompat({baseDirectory: __dirname, recommendedConfig: plug
             this.result.devDependencies.push("eslint-plugin-vue");
             importContent += "import pluginVue from \"eslint-plugin-vue\";\n";
             exportContent += "  ...pluginVue.configs[\"flat/essential\"],\n";
+
+            // https://eslint.vuejs.org/user-guide/#how-to-use-a-custom-parser
+            if (this.answers.language === "typescript") {
+                exportContent += "  {files: [\"**/*.vue\"], languageOptions: {parserOptions: {parser: tseslint.parser}}},\n";
+            }
         }
 
         if (this.answers.framework === "react") {

diff --git a/tests/__snapshots__/problems-commonjs-vue-typescript b/tests/__snapshots__/problems-commonjs-vue-typescript
@@ -12,6 +12,7 @@ export default [
   pluginJs.configs.recommended,
   ...tseslint.configs.recommended,
   ...pluginVue.configs["flat/essential"],
+  {files: ["**/*.vue"], languageOptions: {parserOptions: {parser: tseslint.parser}}},
 ];",
   "configFilename": "eslint.config.js",
   "devDependencies": [

diff --git a/tests/__snapshots__/problems-esm-vue-typescript b/tests/__snapshots__/problems-esm-vue-typescript
@@ -11,6 +11,7 @@ export default [
   pluginJs.configs.recommended,
   ...tseslint.configs.recommended,
   ...pluginVue.configs["flat/essential"],
+  {files: ["**/*.vue"], languageOptions: {parserOptions: {parser: tseslint.parser}}},
 ];",
   "configFilename": "eslint.config.js",
   "devDependencies": [

diff --git a/tests/__snapshots__/problems-script-vue-typescript b/tests/__snapshots__/problems-script-vue-typescript
@@ -12,6 +12,7 @@ export default [
   pluginJs.configs.recommended,
   ...tseslint.configs.recommended,
   ...pluginVue.configs["flat/essential"],
+  {files: ["**/*.vue"], languageOptions: {parserOptions: {parser: tseslint.parser}}},
 ];",
   "configFilename": "eslint.config.js",
   "devDependencies": [

diff --git a/tests/__snapshots__/syntax-commonjs-vue-typescript b/tests/__snapshots__/syntax-commonjs-vue-typescript
@@ -10,6 +10,7 @@ export default [
   {languageOptions: { globals: {...globals.browser, ...globals.node} }},
   ...tseslint.configs.recommended,
   ...pluginVue.configs["flat/essential"],
+  {files: ["**/*.vue"], languageOptions: {parserOptions: {parser: tseslint.parser}}},
 ];",
   "configFilename": "eslint.config.js",
   "devDependencies": [

diff --git a/tests/__snapshots__/syntax-esm-vue-typescript b/tests/__snapshots__/syntax-esm-vue-typescript
@@ -9,6 +9,7 @@ export default [
   {languageOptions: { globals: {...globals.browser, ...globals.node} }},
   ...tseslint.configs.recommended,
   ...pluginVue.configs["flat/essential"],
+  {files: ["**/*.vue"], languageOptions: {parserOptions: {parser: tseslint.parser}}},
 ];",
   "configFilename": "eslint.config.js",
   "devDependencies": [

diff --git a/tests/__snapshots__/syntax-script-vue-typescript b/tests/__snapshots__/syntax-script-vue-typescript
@@ -10,6 +10,7 @@ export default [
   {languageOptions: { globals: {...globals.browser, ...globals.node} }},
   ...tseslint.configs.recommended,
   ...pluginVue.configs["flat/essential"],
+  {files: ["**/*.vue"], languageOptions: {parserOptions: {parser: tseslint.parser}}},
 ];",
   "configFilename": "eslint.config.js",
   "devDependencies": [