fix: add eslint.config.* to tsconfig.node.json and fix other eslint i…

…ssues (#669)
vuejs · Jan 20, 2025 · dcde963 · dcde963
1 parent d2613ee
commit dcde963
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 5 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -52,7 +52,7 @@ jobs:
             - pnpm --filter '!*typescript*' build
             - pnpm --filter '*typescript*' build
             - pnpm --filter '*vitest*' test:unit
-            - pnpm --filter '*eslint*' lint --no-fix --max-warnings=0
+            - pnpm --filter '*eslint*' --filter '!*nightwatch*' lint --no-fix --max-warnings=0
             - pnpm --filter '*prettier*' format --write --check
             # FIXME: it's failing now
             # - pnpm --filter '*with-tests*' test:unit

diff --git a/__test__/renderEslint.spec.ts b/__test__/renderEslint.spec.ts
@@ -4,6 +4,7 @@ import { getAdditionalConfigs } from '../utils/renderEslint'
 describe('renderEslint', () => {
   it('should get additional dependencies and config with no test flags', () => {
     const additionalConfigs = getAdditionalConfigs({
+      needsTypeScript: false,
       needsVitest: false,
       needsCypress: false,
       needsCypressCT: false,
@@ -14,6 +15,7 @@ describe('renderEslint', () => {
 
   it('should get additional dependencies and config with for vitest', () => {
     const additionalConfigs = getAdditionalConfigs({
+      needsTypeScript: false,
       needsVitest: true,
       needsCypress: false,
       needsCypressCT: false,
@@ -31,6 +33,7 @@ describe('renderEslint', () => {
 
   it('should get additional dependencies and config with for cypress', () => {
     const additionalConfigs = getAdditionalConfigs({
+      needsTypeScript: false,
       needsVitest: false,
       needsCypress: true,
       needsCypressCT: false,
@@ -53,6 +56,7 @@ describe('renderEslint', () => {
 
   it('should get additional dependencies and config with for cypress with component testing', () => {
     const additionalConfigs = getAdditionalConfigs({
+      needsTypeScript: false,
       needsVitest: false,
       needsCypress: true,
       needsCypressCT: true,
@@ -76,6 +80,7 @@ describe('renderEslint', () => {
 
   it('should get additional dependencies and config with for playwright', () => {
     const additionalConfigs = getAdditionalConfigs({
+      needsTypeScript: false,
       needsVitest: false,
       needsCypress: false,
       needsCypressCT: false,

diff --git a/scripts/snapshot.mjs b/scripts/snapshot.mjs
@@ -17,6 +17,7 @@ const featureFlags = [
   'cypress',
   'playwright',
   'nightwatch',
+  'eslint',
 ]
 const featureFlagsDenylist = [
   ['cypress', 'playwright'],
@@ -55,7 +56,7 @@ function fullCombination(arr) {
 }
 
 let flagCombinations = fullCombination(featureFlags)
-flagCombinations.push(['default'], ['bare', 'default'], ['eslint'], ['eslint-with-prettier'])
+flagCombinations.push(['default'], ['bare', 'default'], ['eslint-with-prettier'])
 
 // `--with-tests` are equivalent of `--vitest --cypress`
 // Previously it means `--cypress` without `--vitest`.

diff --git a/template/tsconfig/base/tsconfig.node.json b/template/tsconfig/base/tsconfig.node.json
@@ -5,7 +5,8 @@
     "vitest.config.*",
     "cypress.config.*",
     "nightwatch.conf.*",
-    "playwright.config.*"
+    "playwright.config.*",
+    "eslint.config.*"
   ],
   "compilerOptions": {
     "noEmit": true,

diff --git a/utils/renderEslint.ts b/utils/renderEslint.ts
@@ -22,6 +22,7 @@ export default function renderEslint(
   },
 ) {
   const additionalConfigs = getAdditionalConfigs({
+    needsTypeScript,
     needsVitest,
     needsCypress,
     needsCypressCT,
@@ -64,6 +65,7 @@ type AdditionalConfigArray = Array<AdditionalConfig>
 
 // visible for testing
 export function getAdditionalConfigs({
+  needsTypeScript,
   needsVitest,
   needsCypress,
   needsCypressCT,
@@ -96,13 +98,17 @@ export function getAdditionalConfigs({
       },
       afterVuePlugin: [
         {
-          importer: "import pluginCypress from 'eslint-plugin-cypress/flat'",
+          importer:
+            (needsTypeScript
+              ? `// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n` +
+                `// @ts-ignore\n`
+              : '') + "import pluginCypress from 'eslint-plugin-cypress/flat'",
           content: `
   {
     ...pluginCypress.configs.recommended,
     files: [
       ${[
-        ...(needsCypressCT ? ["'**/__tests__/*.{cy,spec}.{js,ts,jsx,tsx}',"] : []),
+        ...(needsCypressCT ? ['**/__tests__/*.{cy,spec}.{js,ts,jsx,tsx}'] : []),
         'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}',
         'cypress/support/**/*.{js,ts,jsx,tsx}',
       ]