@tommy-mitchell/eslint-config-xo 2.0.0-beta.2 → 2.0.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tommy-mitchell/eslint-config-xo",
-	"version": "2.0.0-beta.2",
+	"version": "2.0.0-beta.4",
 	"description": "Personal config for XO.",
 	"keywords": [
 		"nodejs",
@@ -30,6 +30,7 @@
 	"dependencies": {
 		"@eslint-react/eslint-plugin": "^3.0.0",
 		"@next/eslint-plugin-next": "^16.0.5",
+		"@tanstack/eslint-plugin-router": "^1.161.6",
 		"eslint-plugin-better-tailwindcss": "^4.3.2",
 		"eslint-plugin-jsx-a11y": "^6.10.2",
 		"eslint-plugin-perfectionist": "^5.7.0",

package/readme.md

@@ -60,6 +60,7 @@ export default [
 	...configs.xo,
 	...configs.react({ version: "19" }), // If using React
 	...configs.next, // If using Next.js
+	...configs.tanstack, // If using TanStack Start
 	...configs.tailwind({ config: "src/tailwind.css" }), // If using TailwindCSS
 	...configs.dprint, // If using dprint (must be last to override stylistic rules)
 	// Plus any overrides

package/src/index.d.ts

@@ -4,4 +4,5 @@ export declare const dprint: FlatXoConfig;
 export declare const next: FlatXoConfig;
 export declare const react: FlatXoConfig;
 export declare const tailwind: ({ config }: { config: string; }) => FlatXoConfig;
+export declare const tanstack: FlatXoConfig;
 export declare const xo: FlatXoConfig;

package/src/react.js

@@ -19,6 +19,7 @@ export default [jsxA11y.flatConfigs.recommended, {
 	rules: {
 		"perfectionist/sort-jsx-props": ["error", {
 			customGroups: [
+				// TODO: move groups to a constant for reuse
 				{ elementNamePattern: "^on[A-Z].*", groupName: "callback" },
 				{ elementNamePattern: "^(children|dangerouslySetInnerHTML|key|ref)$", groupName: "reserved" },
 			],

package/src/tailwind.js

@@ -16,6 +16,7 @@ export default ({ config }) => [{
 	settings: {
 		"better-tailwindcss": {
 			callees: ["clsx", "cn", "cnx", "cva", "cx", "tv", "twJoin", "twMerge"],
+			detectComponentClasses: true,
 			entryPoint: config, // v4 config path
 		},
 	},

package/src/tanstack.js

@@ -0,0 +1,19 @@
+import pluginRouter from "@tanstack/eslint-plugin-router";
+import { reactRefresh } from "eslint-plugin-react-refresh";
+
+/** @type {import('xo').FlatXoConfig} */
+export default [
+	...pluginRouter.configs["flat/recommended"],
+	// https://github.com/ArnaudBarre/eslint-plugin-react-refresh/issues/102#issuecomment-3881982814
+	reactRefresh.configs.vite({
+		extraHOCs: [
+			"createFileRoute",
+			"createLazyFileRoute",
+			"createRootRoute",
+			"createRootRouteWithContext",
+			"createLink",
+			"createRoute",
+			"createLazyRoute",
+		],
+	}),
+];