Add jsx-indent rule

apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/(metrics)/globe.tsx

@@ -126,7 +126,7 @@ export function GlobeSection({ countryData, totalUsers, children }: {countryData
         setErrorRefreshCount(e => e + 1);
         if (process.env.NODE_ENV === "development") {
           setTimeout(() => {
-            alert("Globe rendering error — it has now been refreshed. TODO let's fix this")
+            alert("Globe rendering error — it has now been refreshed. TODO let's fix this");
           }, 1000);
         }
       }
@@ -303,7 +303,7 @@ export function GlobeSection({ countryData, totalUsers, children }: {countryData
                   100% {box-shadow: 0 0 0 8px #0000}
               }
             `}</style>
-            LIVE
+          LIVE
         </div>
       </div>
     </div>

apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/users/[userId]/page-client.tsx

@@ -220,7 +220,7 @@ function MetadataEditor({ title, initialValue, onUpdate, hint }: MetadataEditorP
           setValue(formatJson(initialValue));
           setHasChanged(false);
         }}>
-          Revert
+        Revert
       </Button>
       <Button
         variant={isJson ? "default" : "secondary"}

apps/dashboard/src/app/(main)/integrations/neon/projects/transfer/confirm/page-client.tsx

@@ -89,21 +89,21 @@ export default function NeonIntegrationProjectTransferConfirmPageClient() {
         </h1>
         {state === 'success' && <>
           <Typography className="text-sm">
-          Neon would like to transfer a Stack Auth project and link it to your own account. This will let you access the project from Stack Auth&apos;s dashboard.
+            Neon would like to transfer a Stack Auth project and link it to your own account. This will let you access the project from Stack Auth&apos;s dashboard.
           </Typography>
           {user ? (
             <>
               <Typography className="mb-3 text-sm">
-              Which Stack Auth account would you like to transfer the project to? (You&apos;ll still be able to access your project from Neon&apos;s dashboard.)
+                Which Stack Auth account would you like to transfer the project to? (You&apos;ll still be able to access your project from Neon&apos;s dashboard.)
               </Typography>
               <Input type="text" disabled prefixItem={<Logo noLink width={15} height={15} />} value={`Signed in as ${user.primaryEmail || user.displayName || "Unnamed user"}`} />
               <Button variant="secondary" onClick={async () => await user.signOut({ redirectUrl: signUpUrl })}>
-              Switch account
+                Switch account
               </Button>
             </>
           ) : (
             <Typography className="text-sm">
-            To continue, please sign in or create a Stack Auth account.
+              To continue, please sign in or create a Stack Auth account.
             </Typography>
           )}
         </>}

apps/dashboard/src/app/(main)/wizard-congrats/actions.tsx

@@ -8,10 +8,10 @@ export default function Actions() {
   return (
     <div className="flex gap-2 justify-center">
       <Button variant="secondary" onClick={() => { window.open("https://docs.stack-auth.com/"); }}>
-      Visit docs
+        Visit docs
       </Button>
       <Button onClick={() => { router.push("/projects"); }}>
-      Continue
+        Continue
       </Button>
     </div>
   );

apps/dashboard/src/app/(main)/wizard-congrats/page.tsx

@@ -28,7 +28,7 @@ export default function WizardCongratsPage() {
         <Card className="max-w-lg">
           <CardHeader>
             <Typography type='h1'>
-                Congrats! 🎉
+              Congrats! 🎉
             </Typography>
           </CardHeader>
           <CardContent className="flex flex-col gap-4">

eslint-configs/next.js

@@ -2,4 +2,7 @@ module.exports = {
   extends: [
     "next/core-web-vitals",
   ],
+  rules: {
+    "react/jsx-indent": ["error", 2],
+  },
 };