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.

__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/legacy-recommended'
+ ])
+ 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/legacy-recommended']
+ }
+ ]
+
+ additionalDependencies['@vitest/eslint-plugin'] = eslintDeps['@vitest/eslint-plugin']
+ }
+
  if (needsCypress) {
  additionalConfig.overrides = [
  {