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": [