@saasmakers/eslint 1.0.27 → 1.0.29

package/dist/eslint.config.cjs

@@ -9,6 +9,7 @@ const index$1 = require('./shared/eslint.BqRQ4tAN.cjs');
 const path = require('node:path');
 const fs = require('node:fs');
 const node_module = require('node:module');
+const playwright = require('eslint-plugin-playwright');
 const turbo = require('eslint-plugin-turbo');
 const zod = require('eslint-plugin-zod');
 require('eslint');
@@ -35,6 +36,7 @@ const vitest__default = /*#__PURE__*/_interopDefaultCompat(vitest);
 const packageJson__default = /*#__PURE__*/_interopDefaultCompat(packageJson);
 const path__namespace = /*#__PURE__*/_interopNamespaceCompat(path);
 const fs__namespace = /*#__PURE__*/_interopNamespaceCompat(fs);
+const playwright__default = /*#__PURE__*/_interopDefaultCompat(playwright);
 const turbo__default = /*#__PURE__*/_interopDefaultCompat(turbo);
 const zod__default = /*#__PURE__*/_interopDefaultCompat(zod);
 
@@ -10872,6 +10874,7 @@ const eslint_config = antfu__default(
       "saasmakers/ts-format-tests": "error",
       "saasmakers/vue-format-i18n": ["error", { locales: shared.localeCodes }],
       "saasmakers/vue-format-script": "error",
+      "saasmakers/vue-format-style": "error",
       "saasmakers/vue-format-template": "error"
     }
   },
@@ -10911,6 +10914,11 @@ const eslint_config = antfu__default(
       "vitest/prefer-describe-function-title": "off",
       "vitest/prefer-expect-assertions": "off"
     }
+  },
+  // Playwright
+  {
+    files: ["**/test/e2e/**/*.{ts,tsx}"],
+    ...playwright__default.configs["flat/recommended"]
   }
 );
 

package/dist/eslint.config.d.cts

@@ -4,6 +4,7 @@ import { localeCodes } from '@saasmakers/shared';
 import vitest from '@vitest/eslint-plugin';
 import packageJson from 'eslint-plugin-package-json';
 import { Linter, ESLint } from 'eslint';
+import playwright from 'eslint-plugin-playwright';
 import turbo from 'eslint-plugin-turbo';
 import zod from 'eslint-plugin-zod';
 
@@ -152,6 +153,7 @@ var eslint_config = antfu(
       "saasmakers/ts-format-tests": "error",
       "saasmakers/vue-format-i18n": ["error", { locales: localeCodes }],
       "saasmakers/vue-format-script": "error",
+      "saasmakers/vue-format-style": "error",
       "saasmakers/vue-format-template": "error"
     }
   },
@@ -191,6 +193,11 @@ var eslint_config = antfu(
       "vitest/prefer-describe-function-title": "off",
       "vitest/prefer-expect-assertions": "off"
     }
+  },
+  // Playwright
+  {
+    files: ["**/test/e2e/**/*.{ts,tsx}"],
+    ...playwright.configs["flat/recommended"]
   }
 );
 

package/dist/eslint.config.d.mts

@@ -4,6 +4,7 @@ import { localeCodes } from '@saasmakers/shared';
 import vitest from '@vitest/eslint-plugin';
 import packageJson from 'eslint-plugin-package-json';
 import { Linter, ESLint } from 'eslint';
+import playwright from 'eslint-plugin-playwright';
 import turbo from 'eslint-plugin-turbo';
 import zod from 'eslint-plugin-zod';
 
@@ -152,6 +153,7 @@ var eslint_config = antfu(
       "saasmakers/ts-format-tests": "error",
       "saasmakers/vue-format-i18n": ["error", { locales: localeCodes }],
       "saasmakers/vue-format-script": "error",
+      "saasmakers/vue-format-style": "error",
       "saasmakers/vue-format-template": "error"
     }
   },
@@ -191,6 +193,11 @@ var eslint_config = antfu(
       "vitest/prefer-describe-function-title": "off",
       "vitest/prefer-expect-assertions": "off"
     }
+  },
+  // Playwright
+  {
+    files: ["**/test/e2e/**/*.{ts,tsx}"],
+    ...playwright.configs["flat/recommended"]
   }
 );
 

package/dist/eslint.config.d.ts

@@ -4,6 +4,7 @@ import { localeCodes } from '@saasmakers/shared';
 import vitest from '@vitest/eslint-plugin';
 import packageJson from 'eslint-plugin-package-json';
 import { Linter, ESLint } from 'eslint';
+import playwright from 'eslint-plugin-playwright';
 import turbo from 'eslint-plugin-turbo';
 import zod from 'eslint-plugin-zod';
 
@@ -152,6 +153,7 @@ var eslint_config = antfu(
       "saasmakers/ts-format-tests": "error",
       "saasmakers/vue-format-i18n": ["error", { locales: localeCodes }],
       "saasmakers/vue-format-script": "error",
+      "saasmakers/vue-format-style": "error",
       "saasmakers/vue-format-template": "error"
     }
   },
@@ -191,6 +193,11 @@ var eslint_config = antfu(
       "vitest/prefer-describe-function-title": "off",
       "vitest/prefer-expect-assertions": "off"
     }
+  },
+  // Playwright
+  {
+    files: ["**/test/e2e/**/*.{ts,tsx}"],
+    ...playwright.configs["flat/recommended"]
   }
 );
 

package/dist/eslint.config.mjs

@@ -7,6 +7,7 @@ import { d as distExports } from './shared/eslint.DOaqyhfZ.mjs';
 import * as path from 'node:path';
 import * as fs from 'node:fs';
 import { createRequire, builtinModules } from 'node:module';
+import playwright from 'eslint-plugin-playwright';
 import turbo from 'eslint-plugin-turbo';
 import zod from 'eslint-plugin-zod';
 import 'eslint';
@@ -10846,6 +10847,7 @@ const eslint_config = antfu(
       "saasmakers/ts-format-tests": "error",
       "saasmakers/vue-format-i18n": ["error", { locales: localeCodes }],
       "saasmakers/vue-format-script": "error",
+      "saasmakers/vue-format-style": "error",
       "saasmakers/vue-format-template": "error"
     }
   },
@@ -10885,6 +10887,11 @@ const eslint_config = antfu(
       "vitest/prefer-describe-function-title": "off",
       "vitest/prefer-expect-assertions": "off"
     }
+  },
+  // Playwright
+  {
+    files: ["**/test/e2e/**/*.{ts,tsx}"],
+    ...playwright.configs["flat/recommended"]
   }
 );
 

package/dist/index.cjs

@@ -253,7 +253,7 @@ function isThisReceiver(node) {
 function isVoidExpression(expression) {
   return expression.type === index$1.distExports.AST_NODE_TYPES.UnaryExpression && expression.operator === "void";
 }
-const rule$4 = {
+const rule$5 = {
   defaultOptions: [{}],
   meta: {
     docs: { description: "Format TypeScript layout: single/multiline ternaries and union types, and blank lines between statements" },
@@ -563,7 +563,7 @@ function isTeardownStatement(statement) {
   }
   return false;
 }
-const rule$3 = {
+const rule$4 = {
   defaultOptions: [],
   meta: {
     docs: { description: "Enforce sorted test functions and setup-before-assertions layout in test bodies" },
@@ -804,7 +804,7 @@ function checkUnusedStrings(context, parsed, source, content, contentOffset) {
     }
   }
 }
-const rule$2 = {
+const rule$3 = {
   defaultOptions: [{ locales: defaultLocales }],
   meta: {
     docs: { description: "Format Vue i18n blocks: enforce valid/consistent locales, sorted keys, and no unused strings" },
@@ -872,7 +872,7 @@ const rule$2 = {
 };
 
 const untypedEmitsRegex = /const\s+emit\s*=\s*defineEmits\(\[([^\]]+)\]\)/g;
-const rule$1 = {
+const rule$2 = {
   defaultOptions: [],
   meta: {
     docs: { description: "Format Vue component scripts: enforce multiline computed properties and typed emits" },
@@ -940,6 +940,42 @@ ${typedEvents}
   }
 };
 
+const styleOpenTagRegex = /<style(?:\s[^>]*)?>/gi;
+const rule$1 = {
+  defaultOptions: [],
+  meta: {
+    docs: { description: "Disallow <style> blocks in Vue SFCs. Styling must be done with Tailwind utility classes as much as possible." },
+    messages: { noStyleBlock: "Avoid <style> blocks in Vue components. Use Tailwind utility classes instead." },
+    schema: [],
+    type: "problem"
+  },
+  create(context) {
+    if (!context.filename.endsWith(".vue")) {
+      return {};
+    }
+    return {
+      Program() {
+        const sourceCode = context.sourceCode;
+        const source = sourceCode.getText();
+        styleOpenTagRegex.lastIndex = 0;
+        let styleMatch = styleOpenTagRegex.exec(source);
+        while (styleMatch !== null) {
+          const matchIndex = styleMatch.index;
+          const matchEnd = matchIndex + styleMatch[0].length;
+          context.report({
+            loc: {
+              end: sourceCode.getLocFromIndex(matchEnd),
+              start: sourceCode.getLocFromIndex(matchIndex)
+            },
+            messageId: "noStyleBlock"
+          });
+          styleMatch = styleOpenTagRegex.exec(source);
+        }
+      }
+    };
+  }
+};
+
 const templateRegex = /<template>([\s\S]*)<\/template>/i;
 const templateTagLength = "<template>".length;
 const propsPrefixRegex = /\$?props\.(\w+)/g;
@@ -1217,10 +1253,11 @@ const rule = {
 
 const index = {
   rules: {
-    "ts-format-layout": rule$4,
-    "ts-format-tests": rule$3,
-    "vue-format-i18n": rule$2,
-    "vue-format-script": rule$1,
+    "ts-format-layout": rule$5,
+    "ts-format-tests": rule$4,
+    "vue-format-i18n": rule$3,
+    "vue-format-script": rule$2,
+    "vue-format-style": rule$1,
     "vue-format-template": rule
   }
 };

package/dist/index.d.cts

@@ -5203,6 +5203,7 @@ declare const _default: {
             locales?: string[];
         } | undefined)?], unknown, RuleListener>;
         'vue-format-script': RuleModule<"multilineComputed" | "untypedEmits", [], unknown, RuleListener>;
+        'vue-format-style': RuleModule<"noStyleBlock", [], unknown, RuleListener>;
         'vue-format-template': RuleModule<"dynamicClassMustBeObject" | "eventHandlerMustBeFunction" | "multilineClassObject" | "noPropsPrefix" | "prefixEventHandlerWithOn" | "removeTrueAttribute" | "singleLineClassObject" | "useT", [], unknown, RuleListener>;
     };
 };

package/dist/index.d.mts

@@ -5203,6 +5203,7 @@ declare const _default: {
             locales?: string[];
         } | undefined)?], unknown, RuleListener>;
         'vue-format-script': RuleModule<"multilineComputed" | "untypedEmits", [], unknown, RuleListener>;
+        'vue-format-style': RuleModule<"noStyleBlock", [], unknown, RuleListener>;
         'vue-format-template': RuleModule<"dynamicClassMustBeObject" | "eventHandlerMustBeFunction" | "multilineClassObject" | "noPropsPrefix" | "prefixEventHandlerWithOn" | "removeTrueAttribute" | "singleLineClassObject" | "useT", [], unknown, RuleListener>;
     };
 };

package/dist/index.d.ts

@@ -5203,6 +5203,7 @@ declare const _default: {
             locales?: string[];
         } | undefined)?], unknown, RuleListener>;
         'vue-format-script': RuleModule<"multilineComputed" | "untypedEmits", [], unknown, RuleListener>;
+        'vue-format-style': RuleModule<"noStyleBlock", [], unknown, RuleListener>;
         'vue-format-template': RuleModule<"dynamicClassMustBeObject" | "eventHandlerMustBeFunction" | "multilineClassObject" | "noPropsPrefix" | "prefixEventHandlerWithOn" | "removeTrueAttribute" | "singleLineClassObject" | "useT", [], unknown, RuleListener>;
     };
 };

package/dist/index.mjs

@@ -251,7 +251,7 @@ function isThisReceiver(node) {
 function isVoidExpression(expression) {
   return expression.type === distExports.AST_NODE_TYPES.UnaryExpression && expression.operator === "void";
 }
-const rule$4 = {
+const rule$5 = {
   defaultOptions: [{}],
   meta: {
     docs: { description: "Format TypeScript layout: single/multiline ternaries and union types, and blank lines between statements" },
@@ -561,7 +561,7 @@ function isTeardownStatement(statement) {
   }
   return false;
 }
-const rule$3 = {
+const rule$4 = {
   defaultOptions: [],
   meta: {
     docs: { description: "Enforce sorted test functions and setup-before-assertions layout in test bodies" },
@@ -802,7 +802,7 @@ function checkUnusedStrings(context, parsed, source, content, contentOffset) {
     }
   }
 }
-const rule$2 = {
+const rule$3 = {
   defaultOptions: [{ locales: defaultLocales }],
   meta: {
     docs: { description: "Format Vue i18n blocks: enforce valid/consistent locales, sorted keys, and no unused strings" },
@@ -870,7 +870,7 @@ const rule$2 = {
 };
 
 const untypedEmitsRegex = /const\s+emit\s*=\s*defineEmits\(\[([^\]]+)\]\)/g;
-const rule$1 = {
+const rule$2 = {
   defaultOptions: [],
   meta: {
     docs: { description: "Format Vue component scripts: enforce multiline computed properties and typed emits" },
@@ -938,6 +938,42 @@ ${typedEvents}
   }
 };
 
+const styleOpenTagRegex = /<style(?:\s[^>]*)?>/gi;
+const rule$1 = {
+  defaultOptions: [],
+  meta: {
+    docs: { description: "Disallow <style> blocks in Vue SFCs. Styling must be done with Tailwind utility classes as much as possible." },
+    messages: { noStyleBlock: "Avoid <style> blocks in Vue components. Use Tailwind utility classes instead." },
+    schema: [],
+    type: "problem"
+  },
+  create(context) {
+    if (!context.filename.endsWith(".vue")) {
+      return {};
+    }
+    return {
+      Program() {
+        const sourceCode = context.sourceCode;
+        const source = sourceCode.getText();
+        styleOpenTagRegex.lastIndex = 0;
+        let styleMatch = styleOpenTagRegex.exec(source);
+        while (styleMatch !== null) {
+          const matchIndex = styleMatch.index;
+          const matchEnd = matchIndex + styleMatch[0].length;
+          context.report({
+            loc: {
+              end: sourceCode.getLocFromIndex(matchEnd),
+              start: sourceCode.getLocFromIndex(matchIndex)
+            },
+            messageId: "noStyleBlock"
+          });
+          styleMatch = styleOpenTagRegex.exec(source);
+        }
+      }
+    };
+  }
+};
+
 const templateRegex = /<template>([\s\S]*)<\/template>/i;
 const templateTagLength = "<template>".length;
 const propsPrefixRegex = /\$?props\.(\w+)/g;
@@ -1215,10 +1251,11 @@ const rule = {
 
 const index = {
   rules: {
-    "ts-format-layout": rule$4,
-    "ts-format-tests": rule$3,
-    "vue-format-i18n": rule$2,
-    "vue-format-script": rule$1,
+    "ts-format-layout": rule$5,
+    "ts-format-tests": rule$4,
+    "vue-format-i18n": rule$3,
+    "vue-format-script": rule$2,
+    "vue-format-style": rule$1,
     "vue-format-template": rule
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasmakers/eslint",
-  "version": "1.0.27",
+  "version": "1.0.29",
   "private": false,
   "description": "Shared ESLint config and rules for SaaS Makers projects",
   "license": "MIT",
@@ -30,6 +30,7 @@
     "@unocss/eslint-plugin": "66.7.0",
     "@vitest/eslint-plugin": "1.6.20",
     "eslint-plugin-package-json": "0.31.0",
+    "eslint-plugin-playwright": "2.10.4",
     "eslint-plugin-turbo": "2.9.18",
     "eslint-plugin-zod": "3.4.0",
     "typescript-eslint": "8.61.0",