feat: add @vitest/eslint-plugin when using vitest

The plugin is now officillay recommended, so let's add it to the eslint config when selecting both eslint and vitest.

Author: cexbrayat

__test__/renderEslint.spec.ts

@@ -4,6 +4,7 @@ import { getAdditionalConfigAndDependencies } from '../utils/renderEslint'
 describe('renderEslint', () => {
   it('should get additional dependencies and config with no test flags', () => {
     const { additionalConfig, additionalDependencies } = getAdditionalConfigAndDependencies({
+      needsVitest: false,
       needsCypress: false,
       needsCypressCT: false,
       needsPlaywright: false
@@ -12,8 +13,25 @@ describe('renderEslint', () => {
     expect(additionalDependencies).toStrictEqual({})
   })
 
+  it('should get additional dependencies and config with for vitest', () => {
+    const { additionalConfig, additionalDependencies } = getAdditionalConfigAndDependencies({
+      needsVitest: true,
+      needsCypress: false,
+      needsCypressCT: false,
+      needsPlaywright: false
+    })
+    expect(additionalConfig.overrides[0].files).toStrictEqual([
+      'src/**/*.{test,spec}.{js,ts,jsx,tsx}'
+    ])
+    expect(additionalConfig.overrides[0].extends).toStrictEqual([
+      'plugin:@vitest/recommended-legacy'
+    ])
+    expect(additionalDependencies['@vitest/eslint-plugin']).not.toBeUndefined()
+  })
+
   it('should get additional dependencies and config with for cypress', () => {
     const { additionalConfig, additionalDependencies } = getAdditionalConfigAndDependencies({
+      needsVitest: false,
       needsCypress: true,
       needsCypressCT: false,
       needsPlaywright: false
@@ -28,6 +46,7 @@ describe('renderEslint', () => {
 
   it('should get additional dependencies and config with for cypress with component testing', () => {
     const { additionalConfig, additionalDependencies } = getAdditionalConfigAndDependencies({
+      needsVitest: false,
       needsCypress: true,
       needsCypressCT: true,
       needsPlaywright: false
@@ -43,6 +62,7 @@ describe('renderEslint', () => {
 
   it('should get additional dependencies and config with for playwright', () => {
     const { additionalConfig, additionalDependencies } = getAdditionalConfigAndDependencies({
+      needsVitest: false,
       needsCypress: false,
       needsCypressCT: false,
       needsPlaywright: true

index.ts

@@ -459,6 +459,7 @@ async function init() {
   if (needsEslint) {
     renderEslint(root, {
       needsTypeScript,
+      needsVitest,
       needsCypress,
       needsCypressCT,
       needsPrettier,

template/eslint/package.json

@@ -1,5 +1,6 @@
 {
   "devDependencies": {
+    "@vitest/eslint-plugin": "1.0.2",
     "eslint-plugin-cypress": "^3.4.0",
     "eslint-plugin-playwright": "^1.6.2"
   }

utils/renderEslint.ts

@@ -13,9 +13,10 @@ const eslintDeps = eslintTemplatePackage.devDependencies
 
 export default function renderEslint(
   rootDir,
-  { needsTypeScript, needsCypress, needsCypressCT, needsPrettier, needsPlaywright }
+  { needsTypeScript, needsVitest, needsCypress, needsCypressCT, needsPrettier, needsPlaywright }
 ) {
   const { additionalConfig, additionalDependencies } = getAdditionalConfigAndDependencies({
+    needsVitest,
     needsCypress,
     needsCypressCT,
     needsPlaywright
@@ -64,13 +65,25 @@ export default function renderEslint(
 
 // visible for testing
 export function getAdditionalConfigAndDependencies({
+  needsVitest,
   needsCypress,
   needsCypressCT,
   needsPlaywright
 }) {
   const additionalConfig: Linter.Config = {}
   const additionalDependencies = {}
 
+  if (needsVitest) {
+    additionalConfig.overrides = [
+      {
+        files: ['src/**/*.{test,spec}.{js,ts,jsx,tsx}'],
+        extends: ['plugin:@vitest/recommended-legacy']
+      }
+    ]
+
+    additionalDependencies['@vitest/eslint-plugin'] = eslintDeps['@vitest/eslint-plugin']
+  }
+
   if (needsCypress) {
     additionalConfig.overrides = [
       {