feat(configs): add jsx support to stylistic config and reference Next…

….js ESLint rules

- Add JSX support in stylistic config to accommodate React syntax
- Include a reference to Next.js ESLint plugin rules for better context and maintainability
- Ensure stylistic config respects the presence of React in the project when enabling JSX rules

src/configs/nextjs/config.ts

@@ -14,6 +14,7 @@ export const nextjs = (): TypedFlatConfigItem[] => {
         nextjs: nextjsPlugin,
       },
       rules: {
+        // https://github.com/vercel/next.js/blob/7a47ed5123b8dac03e9483cb823e224370da2667/packages/eslint-plugin-next/src/index.ts#L26
         ...nextjsPlugin.configs.recommended.rules,
         ...nextjsPlugin.configs["core-web-vitals"].rules,
       },

src/configs/stylistic/config.ts

@@ -3,8 +3,8 @@ import type { TypedFlatConfigItem } from "#/types/type";
 import { antfuPlugin, stylisticPlugin } from "#/utils/extension";
 import { configName } from "#/utils/naming";
 
-export const stylistic = ({ indent = 2, quotes = "double", semi = true }: ParamsStylistic = {}): TypedFlatConfigItem[] => {
-  const config = stylisticPlugin.configs.customize({ pluginName: "style", indent, quotes, semi });
+export const stylistic = ({ indent = 2, quotes = "double", semi = true, jsx = false }: ParamsStylistic = {}): TypedFlatConfigItem[] => {
+  const config = stylisticPlugin.configs.customize({ pluginName: "style", indent, quotes, semi, jsx });
 
   return [{
     name: configName("stylistic", "rules"),
@@ -25,6 +25,7 @@ export const stylistic = ({ indent = 2, quotes = "double", semi = true }: Params
 
       "style/jsx-props-no-multi-spaces": ["error"],
       "style/jsx-self-closing-comp": ["error", { component: true, html: true }],
+      "style/jsx-curly-brace-presence": ["error", { props: "never", children: "never" }],
 
       "antfu/consistent-list-newline": "error",
     },

src/configs/stylistic/type.ts

@@ -22,4 +22,11 @@ export type ParamsStylistic = {
    * @default true
    */
   semi?: boolean;
+
+  /**
+   * Whether to enable JSX
+   *
+   * @default false - enabled if "react" package is found
+   */
+  jsx?: boolean;
 };

src/utils/factory.ts

@@ -43,7 +43,7 @@ export const eslintConfig = async (
 
   // Stylistic:
   logger.info("stylistic - config enabled");
-  configs.push(stylistic(options.stylistic));
+  configs.push(stylistic({ ...options.stylistic, jsx: enabled.react }));
 
   // React:
   if (enabled.react) {