fix: allow adjusting the print width and have tailwind config use sty…

…listic settings

scripts/typegen.ts

@@ -101,11 +101,19 @@ const configs = (await combine(
       jsx: true,
       quotes: "double",
       semi: true,
+      printWidth: 120,
     },
     overrides: undefined,
     typescript: false
   }),
   tailwind({
+    stylistic: {
+      indent: 2,
+      jsx: true,
+      quotes: "double",
+      semi: true,
+      printWidth: 120,
+    },
     overrides: undefined,
   }),
   test({

src/configs/formatters.ts

@@ -46,12 +46,12 @@ export async function formatters(
     throw new Error("`slidev` option only works when `markdown` is enabled with `prettier`");
   }
 
-  const { indent, quotes, semi } = stylistic;
+  const { indent, printWidth, quotes, semi } = stylistic;
 
   const prettierOptions: PrettierOptions = Object.assign(
     {
       endOfLine: "lf",
-      printWidth: 120,
+      printWidth: printWidth ?? 120,
       semi: semi ?? true,
       singleQuote: quotes === "single",
       tabWidth: typeof indent === "number" ? indent : 2,

src/configs/stylistic.ts

@@ -9,6 +9,7 @@ export const StylisticConfigDefaults: Required<StylisticConfig> = {
   jsx: true,
   quotes: "double",
   semi: true,
+  printWidth: 120,
 };
 
 export async function stylistic(

src/configs/tailwind.ts

@@ -1,10 +1,12 @@
 import type { ESLint } from "eslint";
 
-import type { FlatConfigItem, OptionsTailwindCSS } from "../types";
+import type { FlatConfigItem, OptionsTailwindCSS, RequiredOptionsStylistic } from "../types";
 import { loadPackages } from "../utils";
 
-export async function tailwind(options: Readonly<Required<OptionsTailwindCSS>>): Promise<FlatConfigItem[]> {
-  const { overrides } = options;
+export async function tailwind(
+  options: Readonly<Required<OptionsTailwindCSS> & RequiredOptionsStylistic>,
+): Promise<FlatConfigItem[]> {
+  const { overrides, stylistic } = options;
 
   const [pluginTailwindCSS, pluginReadableTailwind] = (await loadPackages([
     "eslint-plugin-tailwindcss",
@@ -19,16 +21,28 @@ export async function tailwind(options: Readonly<Required<OptionsTailwindCSS>>):
         "tailwindcss-readable": pluginReadableTailwind,
       },
       rules: {
-        "tailwindcss/classnames-order": "warn",
-        "tailwindcss/enforces-negative-arbitrary-values": "warn",
-        "tailwindcss/enforces-shorthand": "warn",
+        "tailwindcss/no-contradicting-classname": "error",
         "tailwindcss/no-arbitrary-value": "off",
         "tailwindcss/no-custom-classname": "off",
-        "tailwindcss/no-contradicting-classname": "error",
-        "tailwindcss/no-unnecessary-arbitrary-value": "warn",
 
-        "tailwindcss-readable/multiline": "warn",
-        "tailwindcss-readable/no-unnecessary-whitespace": "warn",
+        ...(stylistic === false
+          ? {}
+          : {
+              "tailwindcss/classnames-order": "warn",
+              "tailwindcss/enforces-negative-arbitrary-values": "warn",
+              "tailwindcss/enforces-shorthand": "warn",
+              "tailwindcss/no-unnecessary-arbitrary-value": "warn",
+
+              "tailwindcss-readable/multiline": [
+                "warn",
+                {
+                  group: "newLine",
+                  indent: stylistic.indent,
+                  printWidth: stylistic.printWidth,
+                },
+              ],
+              "tailwindcss-readable/no-unnecessary-whitespace": "warn",
+            }),
 
         ...overrides,
       },

src/factory.ts

@@ -295,6 +295,7 @@ export async function rsEslint(
   if (tailwindOptions !== false) {
     m_configs.push(
       tailwind({
+        stylistic: stylisticOptions,
         overrides: getOverrides(options, "tailwind"),
       }),
     );

src/types.ts

@@ -150,7 +150,9 @@ export type RequiredOptionsStylistic = {
   stylistic: Required<StylisticConfig> | false;
 };
 
-export type StylisticConfig = {} & Pick<StylisticCustomizeOptions, "indent" | "quotes" | "jsx" | "semi">;
+export type StylisticConfig = {
+  printWidth?: number;
+} & Pick<StylisticCustomizeOptions, "indent" | "quotes" | "jsx" | "semi">;
 
 export type OptionsOverrides = {
   overrides?: FlatConfigItem["rules"];