feat: eslint plugin playwright (#433)

Fixes #422

Author: georgi-mateev

index.ts

@@ -432,7 +432,13 @@ async function init() {
 
   // Render ESLint config
   if (needsEslint) {
-    renderEslint(root, { needsTypeScript, needsCypress, needsCypressCT, needsPrettier })
+    renderEslint(root, {
+      needsTypeScript,
+      needsCypress,
+      needsCypressCT,
+      needsPrettier,
+      needsPlaywright
+    })
   }
 
   // Render code template.

template/eslint/package.json

@@ -1,5 +1,6 @@
 {
   "devDependencies": {
-    "eslint-plugin-cypress": "^2.15.1"
+    "eslint-plugin-cypress": "^2.15.1",
+    "eslint-plugin-playwright": "^0.21.0"
   }
 }

utils/renderEslint.ts

@@ -13,7 +13,7 @@ const eslintDeps = eslintTemplatePackage.devDependencies
 
 export default function renderEslint(
   rootDir,
-  { needsTypeScript, needsCypress, needsCypressCT, needsPrettier }
+  { needsTypeScript, needsCypress, needsCypressCT, needsPrettier, needsPlaywright }
 ) {
   const additionalConfig: Linter.Config = {}
   const additionalDependencies = {}
@@ -35,6 +35,17 @@ export default function renderEslint(
     additionalDependencies['eslint-plugin-cypress'] = eslintDeps['eslint-plugin-cypress']
   }
 
+  if (needsPlaywright) {
+    additionalConfig.overrides = [
+      {
+        files: ['e2e/**/*.{test,spec}.{js,ts,jsx,tsx}'],
+        extends: ['plugin:playwright/recommended']
+      }
+    ]
+
+    additionalDependencies['eslint-plugin-playwright'] = eslintDeps['eslint-plugin-playwright']
+  }
+
   const { pkg, files } = createESLintConfig({
     vueVersion: '3.x',
     // we currently don't support other style guides