@saasmakers/eslint 1.0.27 → 1.0.28

package/dist/eslint.config.cjs

@@ -10872,6 +10872,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"
     }
   },

package/dist/eslint.config.d.cts

@@ -152,6 +152,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"
     }
   },

package/dist/eslint.config.d.mts

@@ -152,6 +152,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"
     }
   },

package/dist/eslint.config.d.ts

@@ -152,6 +152,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"
     }
   },

package/dist/eslint.config.mjs

@@ -10846,6 +10846,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"
     }
   },

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.28",
   "private": false,
   "description": "Shared ESLint config and rules for SaaS Makers projects",
   "license": "MIT",