chore: setup router eslint plugin

.eslintrc

@@ -1,5 +1,5 @@
 {
-  "extends": ["react-app"],
+  "extends": ["react-app", "plugin:@tanstack/eslint-plugin-router/recommended"],
   "parser": "@typescript-eslint/parser",
   "plugins": ["react-hooks"]
 }

package.json

@@ -12,8 +12,8 @@
     "dev:backend": "convex dev --tail-logs",
     "build": "vite build",
     "start": "vite start",
-    "lint": "prettier --check '**/*' --ignore-unknown && eslint --ext .ts,.tsx ./src",
-    "format": "prettier --write '**/*' --ignore-unknown",
+    "lint": "prettier --check 'src/**/*' --ignore-unknown && eslint --ext .ts,.tsx ./src",
+    "format": "prettier --write 'src/**/*' --ignore-unknown",
     "linkAll": "node scripts/link.js"
   },
   "dependencies": {
@@ -89,6 +89,7 @@
     "@content-collections/core": "^0.8.2",
     "@content-collections/vite": "^0.2.4",
     "@shikijs/transformers": "^1.10.3",
+    "@tanstack/eslint-plugin-router": "^1.131.2",
     "@types/node": "^24.3.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",

src/routes/__root.tsx

@@ -38,6 +38,24 @@ export const Route = createRootRouteWithContext<{
   convexQueryClient: ConvexQueryClient
   ensureUser: () => Promise<TanStackUser>
 }>()({
+  beforeLoad: async (ctx) => {
+    if (
+      ctx.location.href.match(/\/docs\/(react|vue|angular|svelte|solid)\//gm)
+    ) {
+      throw redirect({
+        href: ctx.location.href.replace(
+          /\/docs\/(react|vue|angular|svelte|solid)\//gm,
+          '/docs/framework/$1/'
+        ),
+      })
+    }
+
+    // // During SSR only (the only time serverHttpClient exists),
+    // // set the auth token for Convex to make HTTP queries with.
+    // if (token) {
+    //   ctx.context.convexQueryClient.serverHttpClient?.setAuth(token)
+    // }
+  },
   head: () => ({
     meta: [
       {
@@ -123,24 +141,6 @@ export const Route = createRootRouteWithContext<{
       },
     ],
   }),
-  beforeLoad: async (ctx) => {
-    if (
-      ctx.location.href.match(/\/docs\/(react|vue|angular|svelte|solid)\//gm)
-    ) {
-      throw redirect({
-        href: ctx.location.href.replace(
-          /\/docs\/(react|vue|angular|svelte|solid)\//gm,
-          '/docs/framework/$1/'
-        ),
-      })
-    }
-
-    // // During SSR only (the only time serverHttpClient exists),
-    // // set the auth token for Convex to make HTTP queries with.
-    // if (token) {
-    //   ctx.context.convexQueryClient.serverHttpClient?.setAuth(token)
-    // }
-  },
   staleTime: Infinity,
   errorComponent: (props) => {
     return (

src/routes/_libraries/form.$version.index.tsx

@@ -53,7 +53,7 @@ export default function FormVersionIndex() {
             className: 'bg-yellow-400 text-black',
           }}
         />
-        
+
         <div className="w-fit mx-auto px-4">
           <OpenSourceStats library={library} />
         </div>

src/routes/_libraries/pacer.$version.index.tsx

@@ -49,7 +49,7 @@ export default function PacerVersionIndex() {
         <div className="w-fit mx-auto px-4">
           <OpenSourceStats library={library} />
         </div>
-        
+
         <LibraryFeatureHighlights
           featureHighlights={library.featureHighlights}
         />

src/styles/app.css

@@ -735,4 +735,4 @@ mark {
   font-style: italic;
   font-weight: 900;
   src: url('/fonts/inter-v19-latin-900italic.woff2') format('woff2');
-}
+}