build: configure automatic code-splitting (#127)

* Code splitting improvement

(fix)perf: replaces .lazy routes with normal ones and add automatic code splitting ability from Tanstack Router plugin

* refactor: applies linter and prettier

* bump: tanstack-router and router-plugin versions
fix: install devtools as dependencies (https://github.com/TanStack/router/pull/3994)
fix: change the order of plugins as per router docs suggestion

* build: move tanstack devTools into dev dependencies

---------

Co-authored-by: satnaing <satnaingdev@gmail.com>

src/routeTree.gen.ts

@@ -8,62 +8,32 @@
 // You should NOT make any changes in this file as it will be overwritten.
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
-import { createFileRoute } from '@tanstack/react-router'
-
 // Import Routes
 
 import { Route as rootRoute } from './routes/__root'
 import { Route as AuthenticatedRouteImport } from './routes/_authenticated/route'
 import { Route as AuthenticatedIndexImport } from './routes/_authenticated/index'
+import { Route as errors503Import } from './routes/(errors)/503'
+import { Route as errors500Import } from './routes/(errors)/500'
+import { Route as errors404Import } from './routes/(errors)/404'
+import { Route as errors403Import } from './routes/(errors)/403'
+import { Route as errors401Import } from './routes/(errors)/401'
+import { Route as authSignUpImport } from './routes/(auth)/sign-up'
+import { Route as authSignIn2Import } from './routes/(auth)/sign-in-2'
 import { Route as authSignInImport } from './routes/(auth)/sign-in'
 import { Route as authOtpImport } from './routes/(auth)/otp'
-import { Route as auth500Import } from './routes/(auth)/500'
-
-// Create Virtual Routes
-
-const errors503LazyImport = createFileRoute('/(errors)/503')()
-const errors500LazyImport = createFileRoute('/(errors)/500')()
-const errors404LazyImport = createFileRoute('/(errors)/404')()
-const errors403LazyImport = createFileRoute('/(errors)/403')()
-const errors401LazyImport = createFileRoute('/(errors)/401')()
-const authSignUpLazyImport = createFileRoute('/(auth)/sign-up')()
-const authSignIn2LazyImport = createFileRoute('/(auth)/sign-in-2')()
-const authForgotPasswordLazyImport = createFileRoute(
-  '/(auth)/forgot-password',
-)()
-const AuthenticatedSettingsRouteLazyImport = createFileRoute(
-  '/_authenticated/settings',
-)()
-const AuthenticatedUsersIndexLazyImport = createFileRoute(
-  '/_authenticated/users/',
-)()
-const AuthenticatedTasksIndexLazyImport = createFileRoute(
-  '/_authenticated/tasks/',
-)()
-const AuthenticatedSettingsIndexLazyImport = createFileRoute(
-  '/_authenticated/settings/',
-)()
-const AuthenticatedHelpCenterIndexLazyImport = createFileRoute(
-  '/_authenticated/help-center/',
-)()
-const AuthenticatedChatsIndexLazyImport = createFileRoute(
-  '/_authenticated/chats/',
-)()
-const AuthenticatedAppsIndexLazyImport = createFileRoute(
-  '/_authenticated/apps/',
-)()
-const AuthenticatedSettingsNotificationsLazyImport = createFileRoute(
-  '/_authenticated/settings/notifications',
-)()
-const AuthenticatedSettingsDisplayLazyImport = createFileRoute(
-  '/_authenticated/settings/display',
-)()
-const AuthenticatedSettingsAppearanceLazyImport = createFileRoute(
-  '/_authenticated/settings/appearance',
-)()
-const AuthenticatedSettingsAccountLazyImport = createFileRoute(
-  '/_authenticated/settings/account',
-)()
+import { Route as authForgotPasswordImport } from './routes/(auth)/forgot-password'
+import { Route as AuthenticatedSettingsRouteImport } from './routes/_authenticated/settings/route'
+import { Route as AuthenticatedUsersIndexImport } from './routes/_authenticated/users/index'
+import { Route as AuthenticatedTasksIndexImport } from './routes/_authenticated/tasks/index'
+import { Route as AuthenticatedSettingsIndexImport } from './routes/_authenticated/settings/index'
+import { Route as AuthenticatedHelpCenterIndexImport } from './routes/_authenticated/help-center/index'
+import { Route as AuthenticatedChatsIndexImport } from './routes/_authenticated/chats/index'
+import { Route as AuthenticatedAppsIndexImport } from './routes/_authenticated/apps/index'
+import { Route as AuthenticatedSettingsNotificationsImport } from './routes/_authenticated/settings/notifications'
+import { Route as AuthenticatedSettingsDisplayImport } from './routes/_authenticated/settings/display'
+import { Route as AuthenticatedSettingsAppearanceImport } from './routes/_authenticated/settings/appearance'
+import { Route as AuthenticatedSettingsAccountImport } from './routes/_authenticated/settings/account'
 
 // Create/Update Routes
 
@@ -78,80 +48,47 @@ const AuthenticatedIndexRoute = AuthenticatedIndexImport.update({
   getParentRoute: () => AuthenticatedRouteRoute,
 } as any)
 
-const errors503LazyRoute = errors503LazyImport
-  .update({
-    id: '/(errors)/503',
-    path: '/503',
-    getParentRoute: () => rootRoute,
-  } as any)
-  .lazy(() => import('./routes/(errors)/503.lazy').then((d) => d.Route))
-
-const errors500LazyRoute = errors500LazyImport
-  .update({
-    id: '/(errors)/500',
-    path: '/500',
-    getParentRoute: () => rootRoute,
-  } as any)
-  .lazy(() => import('./routes/(errors)/500.lazy').then((d) => d.Route))
-
-const errors404LazyRoute = errors404LazyImport
-  .update({
-    id: '/(errors)/404',
-    path: '/404',
-    getParentRoute: () => rootRoute,
-  } as any)
-  .lazy(() => import('./routes/(errors)/404.lazy').then((d) => d.Route))
+const errors503Route = errors503Import.update({
+  id: '/(errors)/503',
+  path: '/503',
+  getParentRoute: () => rootRoute,
+} as any)
 
-const errors403LazyRoute = errors403LazyImport
-  .update({
-    id: '/(errors)/403',
-    path: '/403',
-    getParentRoute: () => rootRoute,
-  } as any)
-  .lazy(() => import('./routes/(errors)/403.lazy').then((d) => d.Route))
+const errors500Route = errors500Import.update({
+  id: '/(errors)/500',
+  path: '/500',
+  getParentRoute: () => rootRoute,
+} as any)
 
-const errors401LazyRoute = errors401LazyImport
-  .update({
-    id: '/(errors)/401',
-    path: '/401',
-    getParentRoute: () => rootRoute,
-  } as any)
-  .lazy(() => import('./routes/(errors)/401.lazy').then((d) => d.Route))
+const errors404Route = errors404Import.update({
+  id: '/(errors)/404',
+  path: '/404',
+  getParentRoute: () => rootRoute,
+} as any)
 
-const authSignUpLazyRoute = authSignUpLazyImport
-  .update({
-    id: '/(auth)/sign-up',
-    path: '/sign-up',
-    getParentRoute: () => rootRoute,
-  } as any)
-  .lazy(() => import('./routes/(auth)/sign-up.lazy').then((d) => d.Route))
+const errors403Route = errors403Import.update({
+  id: '/(errors)/403',
+  path: '/403',
+  getParentRoute: () => rootRoute,
+} as any)
 
-const authSignIn2LazyRoute = authSignIn2LazyImport
-  .update({
-    id: '/(auth)/sign-in-2',
-    path: '/sign-in-2',
-    getParentRoute: () => rootRoute,
-  } as any)
-  .lazy(() => import('./routes/(auth)/sign-in-2.lazy').then((d) => d.Route))
+const errors401Route = errors401Import.update({
+  id: '/(errors)/401',
+  path: '/401',
+  getParentRoute: () => rootRoute,
+} as any)
 
-const authForgotPasswordLazyRoute = authForgotPasswordLazyImport
-  .update({
-    id: '/(auth)/forgot-password',
-    path: '/forgot-password',
-    getParentRoute: () => rootRoute,
-  } as any)
-  .lazy(() =>
-    import('./routes/(auth)/forgot-password.lazy').then((d) => d.Route),
-  )
+const authSignUpRoute = authSignUpImport.update({
+  id: '/(auth)/sign-up',
+  path: '/sign-up',
+  getParentRoute: () => rootRoute,
+} as any)
 
-const AuthenticatedSettingsRouteLazyRoute =
-  AuthenticatedSettingsRouteLazyImport.update({
-    id: '/settings',
-    path: '/settings',
-    getParentRoute: () => AuthenticatedRouteRoute,
-  } as any).lazy(() =>
-    import('./routes/_authenticated/settings/route.lazy').then((d) => d.Route),
-  )
+const authSignIn2Route = authSignIn2Import.update({
+  id: '/(auth)/sign-in-2',
+  path: '/sign-in-2',
+  getParentRoute: () => rootRoute,
+} as any)
 
 const authSignInRoute = authSignInImport.update({
   id: '/(auth)/sign-in',
@@ -165,112 +102,86 @@ const authOtpRoute = authOtpImport.update({
   getParentRoute: () => rootRoute,
 } as any)
 
-const auth500Route = auth500Import.update({
-  id: '/(auth)/500',
-  path: '/500',
+const authForgotPasswordRoute = authForgotPasswordImport.update({
+  id: '/(auth)/forgot-password',
+  path: '/forgot-password',
   getParentRoute: () => rootRoute,
 } as any)
 
-const AuthenticatedUsersIndexLazyRoute =
-  AuthenticatedUsersIndexLazyImport.update({
-    id: '/users/',
-    path: '/users/',
+const AuthenticatedSettingsRouteRoute = AuthenticatedSettingsRouteImport.update(
+  {
+    id: '/settings',
+    path: '/settings',
     getParentRoute: () => AuthenticatedRouteRoute,
-  } as any).lazy(() =>
-    import('./routes/_authenticated/users/index.lazy').then((d) => d.Route),
-  )
+  } as any,
+)
 
-const AuthenticatedTasksIndexLazyRoute =
-  AuthenticatedTasksIndexLazyImport.update({
-    id: '/tasks/',
-    path: '/tasks/',
-    getParentRoute: () => AuthenticatedRouteRoute,
-  } as any).lazy(() =>
-    import('./routes/_authenticated/tasks/index.lazy').then((d) => d.Route),
-  )
+const AuthenticatedUsersIndexRoute = AuthenticatedUsersIndexImport.update({
+  id: '/users/',
+  path: '/users/',
+  getParentRoute: () => AuthenticatedRouteRoute,
+} as any)
 
-const AuthenticatedSettingsIndexLazyRoute =
-  AuthenticatedSettingsIndexLazyImport.update({
+const AuthenticatedTasksIndexRoute = AuthenticatedTasksIndexImport.update({
+  id: '/tasks/',
+  path: '/tasks/',
+  getParentRoute: () => AuthenticatedRouteRoute,
+} as any)
+
+const AuthenticatedSettingsIndexRoute = AuthenticatedSettingsIndexImport.update(
+  {
     id: '/',
     path: '/',
-    getParentRoute: () => AuthenticatedSettingsRouteLazyRoute,
-  } as any).lazy(() =>
-    import('./routes/_authenticated/settings/index.lazy').then((d) => d.Route),
-  )
+    getParentRoute: () => AuthenticatedSettingsRouteRoute,
+  } as any,
+)
 
-const AuthenticatedHelpCenterIndexLazyRoute =
-  AuthenticatedHelpCenterIndexLazyImport.update({
+const AuthenticatedHelpCenterIndexRoute =
+  AuthenticatedHelpCenterIndexImport.update({
     id: '/help-center/',
     path: '/help-center/',
     getParentRoute: () => AuthenticatedRouteRoute,
-  } as any).lazy(() =>
-    import('./routes/_authenticated/help-center/index.lazy').then(
-      (d) => d.Route,
-    ),
-  )
+  } as any)
 
-const AuthenticatedChatsIndexLazyRoute =
-  AuthenticatedChatsIndexLazyImport.update({
-    id: '/chats/',
-    path: '/chats/',
-    getParentRoute: () => AuthenticatedRouteRoute,
-  } as any).lazy(() =>
-    import('./routes/_authenticated/chats/index.lazy').then((d) => d.Route),
-  )
+const AuthenticatedChatsIndexRoute = AuthenticatedChatsIndexImport.update({
+  id: '/chats/',
+  path: '/chats/',
+  getParentRoute: () => AuthenticatedRouteRoute,
+} as any)
 
-const AuthenticatedAppsIndexLazyRoute = AuthenticatedAppsIndexLazyImport.update(
-  {
-    id: '/apps/',
-    path: '/apps/',
-    getParentRoute: () => AuthenticatedRouteRoute,
-  } as any,
-).lazy(() =>
-  import('./routes/_authenticated/apps/index.lazy').then((d) => d.Route),
-)
+const AuthenticatedAppsIndexRoute = AuthenticatedAppsIndexImport.update({
+  id: '/apps/',
+  path: '/apps/',
+  getParentRoute: () => AuthenticatedRouteRoute,
+} as any)
 
-const AuthenticatedSettingsNotificationsLazyRoute =
-  AuthenticatedSettingsNotificationsLazyImport.update({
+const AuthenticatedSettingsNotificationsRoute =
+  AuthenticatedSettingsNotificationsImport.update({
     id: '/notifications',
     path: '/notifications',
-    getParentRoute: () => AuthenticatedSettingsRouteLazyRoute,
-  } as any).lazy(() =>
-    import('./routes/_authenticated/settings/notifications.lazy').then(
-      (d) => d.Route,
-    ),
-  )
+    getParentRoute: () => AuthenticatedSettingsRouteRoute,
+  } as any)
 
-const AuthenticatedSettingsDisplayLazyRoute =
-  AuthenticatedSettingsDisplayLazyImport.update({
+const AuthenticatedSettingsDisplayRoute =
+  AuthenticatedSettingsDisplayImport.update({
     id: '/display',
     path: '/display',
-    getParentRoute: () => AuthenticatedSettingsRouteLazyRoute,
-  } as any).lazy(() =>
-    import('./routes/_authenticated/settings/display.lazy').then(
-      (d) => d.Route,
-    ),
-  )
+    getParentRoute: () => AuthenticatedSettingsRouteRoute,
+  } as any)
 
-const AuthenticatedSettingsAppearanceLazyRoute =
-  AuthenticatedSettingsAppearanceLazyImport.update({
+const AuthenticatedSettingsAppearanceRoute =
+  AuthenticatedSettingsAppearanceImport.update({
     id: '/appearance',
     path: '/appearance',
-    getParentRoute: () => AuthenticatedSettingsRouteLazyRoute,
-  } as any).lazy(() =>
-    import('./routes/_authenticated/settings/appearance.lazy').then(
-      (d) => d.Route,
-    ),
-  )
+    getParentRoute: () => AuthenticatedSettingsRouteRoute,
+  } as any)
 
-const AuthenticatedSettingsAccountLazyRoute =
-  AuthenticatedSettingsAccountLazyImport.update({
+const AuthenticatedSettingsAccountRoute =
+  AuthenticatedSettingsAccountImport.update({
     id: '/account',
     path: '/account',
-    getParentRoute: () => AuthenticatedSettingsRouteLazyRoute,
-  } as any).lazy(() =>
-    import('./routes/_authenticated/settings/account.lazy').then(
-      (d) => d.Route,
-    ),
-  )
+    getParentRoute: () => AuthenticatedSettingsRouteRoute,
+  } as any)
 
 // Populate the FileRoutesByPath interface
 
@@ -283,11 +194,18 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof AuthenticatedRouteImport
       parentRoute: typeof rootRoute
     }
-    '/(auth)/500': {
-      id: '/(auth)/500'
-      path: '/500'
-      fullPath: '/500'
-      preLoaderRoute: typeof auth500Import
+    '/_authenticated/settings': {
+      id: '/_authenticated/settings'
+      path: '/settings'
+      fullPath: '/settings'
+      preLoaderRoute: typeof AuthenticatedSettingsRouteImport
+      parentRoute: typeof AuthenticatedRouteImport
+    }
+    '/(auth)/forgot-password': {
+      id: '/(auth)/forgot-password'
+      path: '/forgot-password'
+      fullPath: '/forgot-password'
+      preLoaderRoute: typeof authForgotPasswordImport
       parentRoute: typeof rootRoute
     }
     '/(auth)/otp': {
@@ -304,67 +222,53 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof authSignInImport
       parentRoute: typeof rootRoute
     }
-    '/_authenticated/settings': {
-      id: '/_authenticated/settings'
-      path: '/settings'
-      fullPath: '/settings'
-      preLoaderRoute: typeof AuthenticatedSettingsRouteLazyImport
-      parentRoute: typeof AuthenticatedRouteImport
-    }
-    '/(auth)/forgot-password': {
-      id: '/(auth)/forgot-password'
-      path: '/forgot-password'
-      fullPath: '/forgot-password'
-      preLoaderRoute: typeof authForgotPasswordLazyImport
-      parentRoute: typeof rootRoute
-    }
     '/(auth)/sign-in-2': {
       id: '/(auth)/sign-in-2'
       path: '/sign-in-2'
       fullPath: '/sign-in-2'
-      preLoaderRoute: typeof authSignIn2LazyImport
+      preLoaderRoute: typeof authSignIn2Import
       parentRoute: typeof rootRoute
     }
     '/(auth)/sign-up': {
       id: '/(auth)/sign-up'
       path: '/sign-up'
       fullPath: '/sign-up'
-      preLoaderRoute: typeof authSignUpLazyImport
+      preLoaderRoute: typeof authSignUpImport
       parentRoute: typeof rootRoute
     }
     '/(errors)/401': {
       id: '/(errors)/401'
       path: '/401'
       fullPath: '/401'
-      preLoaderRoute: typeof errors401LazyImport
+      preLoaderRoute: typeof errors401Import
       parentRoute: typeof rootRoute
     }
     '/(errors)/403': {
       id: '/(errors)/403'
       path: '/403'
       fullPath: '/403'
-      preLoaderRoute: typeof errors403LazyImport
+      preLoaderRoute: typeof errors403Import
       parentRoute: typeof rootRoute
     }
     '/(errors)/404': {
       id: '/(errors)/404'
       path: '/404'
       fullPath: '/404'
-      preLoaderRoute: typeof errors404LazyImport
+      preLoaderRoute: typeof errors404Import
       parentRoute: typeof rootRoute
     }
     '/(errors)/500': {
       id: '/(errors)/500'
       path: '/500'
       fullPath: '/500'
-      preLoaderRoute: typeof errors500LazyImport
+      preLoaderRoute: typeof errors500Import
       parentRoute: typeof rootRoute
     }
     '/(errors)/503': {
       id: '/(errors)/503'
       path: '/503'
       fullPath: '/503'
-      preLoaderRoute: typeof errors503LazyImport
+      preLoaderRoute: typeof errors503Import
       parentRoute: typeof rootRoute
     }
     '/_authenticated/': {
@@ -378,70 +282,70 @@ declare module '@tanstack/react-router' {
       id: '/_authenticated/settings/account'
       path: '/account'
       fullPath: '/settings/account'
-      preLoaderRoute: typeof AuthenticatedSettingsAccountLazyImport
-      parentRoute: typeof AuthenticatedSettingsRouteLazyImport
+      preLoaderRoute: typeof AuthenticatedSettingsAccountImport
+      parentRoute: typeof AuthenticatedSettingsRouteImport
     }
     '/_authenticated/settings/appearance': {
       id: '/_authenticated/settings/appearance'
       path: '/appearance'
       fullPath: '/settings/appearance'
-      preLoaderRoute: typeof AuthenticatedSettingsAppearanceLazyImport
-      parentRoute: typeof AuthenticatedSettingsRouteLazyImport
+      preLoaderRoute: typeof AuthenticatedSettingsAppearanceImport
+      parentRoute: typeof AuthenticatedSettingsRouteImport
     }
     '/_authenticated/settings/display': {
       id: '/_authenticated/settings/display'
       path: '/display'
       fullPath: '/settings/display'
-      preLoaderRoute: typeof AuthenticatedSettingsDisplayLazyImport
-      parentRoute: typeof AuthenticatedSettingsRouteLazyImport
+      preLoaderRoute: typeof AuthenticatedSettingsDisplayImport
+      parentRoute: typeof AuthenticatedSettingsRouteImport
     }
     '/_authenticated/settings/notifications': {
       id: '/_authenticated/settings/notifications'
       path: '/notifications'
       fullPath: '/settings/notifications'
-      preLoaderRoute: typeof AuthenticatedSettingsNotificationsLazyImport
-      parentRoute: typeof AuthenticatedSettingsRouteLazyImport
+      preLoaderRoute: typeof AuthenticatedSettingsNotificationsImport
+      parentRoute: typeof AuthenticatedSettingsRouteImport
     }
     '/_authenticated/apps/': {
       id: '/_authenticated/apps/'
       path: '/apps'
       fullPath: '/apps'
-      preLoaderRoute: typeof AuthenticatedAppsIndexLazyImport
+      preLoaderRoute: typeof AuthenticatedAppsIndexImport
       parentRoute: typeof AuthenticatedRouteImport
     }
     '/_authenticated/chats/': {
       id: '/_authenticated/chats/'
       path: '/chats'
       fullPath: '/chats'
-      preLoaderRoute: typeof AuthenticatedChatsIndexLazyImport
+      preLoaderRoute: typeof AuthenticatedChatsIndexImport
       parentRoute: typeof AuthenticatedRouteImport
     }
     '/_authenticated/help-center/': {
       id: '/_authenticated/help-center/'
       path: '/help-center'
       fullPath: '/help-center'
-      preLoaderRoute: typeof AuthenticatedHelpCenterIndexLazyImport
+      preLoaderRoute: typeof AuthenticatedHelpCenterIndexImport
       parentRoute: typeof AuthenticatedRouteImport
     }
     '/_authenticated/settings/': {
       id: '/_authenticated/settings/'
       path: '/'
       fullPath: '/settings/'
-      preLoaderRoute: typeof AuthenticatedSettingsIndexLazyImport
-      parentRoute: typeof AuthenticatedSettingsRouteLazyImport
+      preLoaderRoute: typeof AuthenticatedSettingsIndexImport
+      parentRoute: typeof AuthenticatedSettingsRouteImport
     }
     '/_authenticated/tasks/': {
       id: '/_authenticated/tasks/'
       path: '/tasks'
       fullPath: '/tasks'
-      preLoaderRoute: typeof AuthenticatedTasksIndexLazyImport
+      preLoaderRoute: typeof AuthenticatedTasksIndexImport
       parentRoute: typeof AuthenticatedRouteImport
     }
     '/_authenticated/users/': {
       id: '/_authenticated/users/'
       path: '/users'
       fullPath: '/users'
-      preLoaderRoute: typeof AuthenticatedUsersIndexLazyImport
+      preLoaderRoute: typeof AuthenticatedUsersIndexImport
       parentRoute: typeof AuthenticatedRouteImport
     }
   }
@@ -449,51 +353,47 @@ declare module '@tanstack/react-router' {
 
 // Create and export the route tree
 
-interface AuthenticatedSettingsRouteLazyRouteChildren {
-  AuthenticatedSettingsAccountLazyRoute: typeof AuthenticatedSettingsAccountLazyRoute
-  AuthenticatedSettingsAppearanceLazyRoute: typeof AuthenticatedSettingsAppearanceLazyRoute
-  AuthenticatedSettingsDisplayLazyRoute: typeof AuthenticatedSettingsDisplayLazyRoute
-  AuthenticatedSettingsNotificationsLazyRoute: typeof AuthenticatedSettingsNotificationsLazyRoute
-  AuthenticatedSettingsIndexLazyRoute: typeof AuthenticatedSettingsIndexLazyRoute
+interface AuthenticatedSettingsRouteRouteChildren {
+  AuthenticatedSettingsAccountRoute: typeof AuthenticatedSettingsAccountRoute
+  AuthenticatedSettingsAppearanceRoute: typeof AuthenticatedSettingsAppearanceRoute
+  AuthenticatedSettingsDisplayRoute: typeof AuthenticatedSettingsDisplayRoute
+  AuthenticatedSettingsNotificationsRoute: typeof AuthenticatedSettingsNotificationsRoute
+  AuthenticatedSettingsIndexRoute: typeof AuthenticatedSettingsIndexRoute
 }
 
-const AuthenticatedSettingsRouteLazyRouteChildren: AuthenticatedSettingsRouteLazyRouteChildren =
+const AuthenticatedSettingsRouteRouteChildren: AuthenticatedSettingsRouteRouteChildren =
   {
-    AuthenticatedSettingsAccountLazyRoute:
-      AuthenticatedSettingsAccountLazyRoute,
-    AuthenticatedSettingsAppearanceLazyRoute:
-      AuthenticatedSettingsAppearanceLazyRoute,
-    AuthenticatedSettingsDisplayLazyRoute:
-      AuthenticatedSettingsDisplayLazyRoute,
-    AuthenticatedSettingsNotificationsLazyRoute:
-      AuthenticatedSettingsNotificationsLazyRoute,
-    AuthenticatedSettingsIndexLazyRoute: AuthenticatedSettingsIndexLazyRoute,
+    AuthenticatedSettingsAccountRoute: AuthenticatedSettingsAccountRoute,
+    AuthenticatedSettingsAppearanceRoute: AuthenticatedSettingsAppearanceRoute,
+    AuthenticatedSettingsDisplayRoute: AuthenticatedSettingsDisplayRoute,
+    AuthenticatedSettingsNotificationsRoute:
+      AuthenticatedSettingsNotificationsRoute,
+    AuthenticatedSettingsIndexRoute: AuthenticatedSettingsIndexRoute,
   }
 
-const AuthenticatedSettingsRouteLazyRouteWithChildren =
-  AuthenticatedSettingsRouteLazyRoute._addFileChildren(
-    AuthenticatedSettingsRouteLazyRouteChildren,
+const AuthenticatedSettingsRouteRouteWithChildren =
+  AuthenticatedSettingsRouteRoute._addFileChildren(
+    AuthenticatedSettingsRouteRouteChildren,
   )
 
 interface AuthenticatedRouteRouteChildren {
-  AuthenticatedSettingsRouteLazyRoute: typeof AuthenticatedSettingsRouteLazyRouteWithChildren
+  AuthenticatedSettingsRouteRoute: typeof AuthenticatedSettingsRouteRouteWithChildren
   AuthenticatedIndexRoute: typeof AuthenticatedIndexRoute
-  AuthenticatedAppsIndexLazyRoute: typeof AuthenticatedAppsIndexLazyRoute
-  AuthenticatedChatsIndexLazyRoute: typeof AuthenticatedChatsIndexLazyRoute
-  AuthenticatedHelpCenterIndexLazyRoute: typeof AuthenticatedHelpCenterIndexLazyRoute
-  AuthenticatedTasksIndexLazyRoute: typeof AuthenticatedTasksIndexLazyRoute
-  AuthenticatedUsersIndexLazyRoute: typeof AuthenticatedUsersIndexLazyRoute
+  AuthenticatedAppsIndexRoute: typeof AuthenticatedAppsIndexRoute
+  AuthenticatedChatsIndexRoute: typeof AuthenticatedChatsIndexRoute
+  AuthenticatedHelpCenterIndexRoute: typeof AuthenticatedHelpCenterIndexRoute
+  AuthenticatedTasksIndexRoute: typeof AuthenticatedTasksIndexRoute
+  AuthenticatedUsersIndexRoute: typeof AuthenticatedUsersIndexRoute
 }
 
 const AuthenticatedRouteRouteChildren: AuthenticatedRouteRouteChildren = {
-  AuthenticatedSettingsRouteLazyRoute:
-    AuthenticatedSettingsRouteLazyRouteWithChildren,
+  AuthenticatedSettingsRouteRoute: AuthenticatedSettingsRouteRouteWithChildren,
   AuthenticatedIndexRoute: AuthenticatedIndexRoute,
-  AuthenticatedAppsIndexLazyRoute: AuthenticatedAppsIndexLazyRoute,
-  AuthenticatedChatsIndexLazyRoute: AuthenticatedChatsIndexLazyRoute,
-  AuthenticatedHelpCenterIndexLazyRoute: AuthenticatedHelpCenterIndexLazyRoute,
-  AuthenticatedTasksIndexLazyRoute: AuthenticatedTasksIndexLazyRoute,
-  AuthenticatedUsersIndexLazyRoute: AuthenticatedUsersIndexLazyRoute,
+  AuthenticatedAppsIndexRoute: AuthenticatedAppsIndexRoute,
+  AuthenticatedChatsIndexRoute: AuthenticatedChatsIndexRoute,
+  AuthenticatedHelpCenterIndexRoute: AuthenticatedHelpCenterIndexRoute,
+  AuthenticatedTasksIndexRoute: AuthenticatedTasksIndexRoute,
+  AuthenticatedUsersIndexRoute: AuthenticatedUsersIndexRoute,
 }
 
 const AuthenticatedRouteRouteWithChildren =
@@ -501,96 +401,95 @@ const AuthenticatedRouteRouteWithChildren =
 
 export interface FileRoutesByFullPath {
   '': typeof AuthenticatedRouteRouteWithChildren
-  '/500': typeof errors500LazyRoute
+  '/settings': typeof AuthenticatedSettingsRouteRouteWithChildren
+  '/forgot-password': typeof authForgotPasswordRoute
   '/otp': typeof authOtpRoute
   '/sign-in': typeof authSignInRoute
-  '/settings': typeof AuthenticatedSettingsRouteLazyRouteWithChildren
-  '/forgot-password': typeof authForgotPasswordLazyRoute
-  '/sign-in-2': typeof authSignIn2LazyRoute
-  '/sign-up': typeof authSignUpLazyRoute
-  '/401': typeof errors401LazyRoute
-  '/403': typeof errors403LazyRoute
-  '/404': typeof errors404LazyRoute
-  '/503': typeof errors503LazyRoute
+  '/sign-in-2': typeof authSignIn2Route
+  '/sign-up': typeof authSignUpRoute
+  '/401': typeof errors401Route
+  '/403': typeof errors403Route
+  '/404': typeof errors404Route
+  '/500': typeof errors500Route
+  '/503': typeof errors503Route
   '/': typeof AuthenticatedIndexRoute
-  '/settings/account': typeof AuthenticatedSettingsAccountLazyRoute
-  '/settings/appearance': typeof AuthenticatedSettingsAppearanceLazyRoute
-  '/settings/display': typeof AuthenticatedSettingsDisplayLazyRoute
-  '/settings/notifications': typeof AuthenticatedSettingsNotificationsLazyRoute
-  '/apps': typeof AuthenticatedAppsIndexLazyRoute
-  '/chats': typeof AuthenticatedChatsIndexLazyRoute
-  '/help-center': typeof AuthenticatedHelpCenterIndexLazyRoute
-  '/settings/': typeof AuthenticatedSettingsIndexLazyRoute
-  '/tasks': typeof AuthenticatedTasksIndexLazyRoute
-  '/users': typeof AuthenticatedUsersIndexLazyRoute
+  '/settings/account': typeof AuthenticatedSettingsAccountRoute
+  '/settings/appearance': typeof AuthenticatedSettingsAppearanceRoute
+  '/settings/display': typeof AuthenticatedSettingsDisplayRoute
+  '/settings/notifications': typeof AuthenticatedSettingsNotificationsRoute
+  '/apps': typeof AuthenticatedAppsIndexRoute
+  '/chats': typeof AuthenticatedChatsIndexRoute
+  '/help-center': typeof AuthenticatedHelpCenterIndexRoute
+  '/settings/': typeof AuthenticatedSettingsIndexRoute
+  '/tasks': typeof AuthenticatedTasksIndexRoute
+  '/users': typeof AuthenticatedUsersIndexRoute
 }
 
 export interface FileRoutesByTo {
-  '/500': typeof errors500LazyRoute
+  '/forgot-password': typeof authForgotPasswordRoute
   '/otp': typeof authOtpRoute
   '/sign-in': typeof authSignInRoute
-  '/forgot-password': typeof authForgotPasswordLazyRoute
-  '/sign-in-2': typeof authSignIn2LazyRoute
-  '/sign-up': typeof authSignUpLazyRoute
-  '/401': typeof errors401LazyRoute
-  '/403': typeof errors403LazyRoute
-  '/404': typeof errors404LazyRoute
-  '/503': typeof errors503LazyRoute
+  '/sign-in-2': typeof authSignIn2Route
+  '/sign-up': typeof authSignUpRoute
+  '/401': typeof errors401Route
+  '/403': typeof errors403Route
+  '/404': typeof errors404Route
+  '/500': typeof errors500Route
+  '/503': typeof errors503Route
   '/': typeof AuthenticatedIndexRoute
-  '/settings/account': typeof AuthenticatedSettingsAccountLazyRoute
-  '/settings/appearance': typeof AuthenticatedSettingsAppearanceLazyRoute
-  '/settings/display': typeof AuthenticatedSettingsDisplayLazyRoute
-  '/settings/notifications': typeof AuthenticatedSettingsNotificationsLazyRoute
-  '/apps': typeof AuthenticatedAppsIndexLazyRoute
-  '/chats': typeof AuthenticatedChatsIndexLazyRoute
-  '/help-center': typeof AuthenticatedHelpCenterIndexLazyRoute
-  '/settings': typeof AuthenticatedSettingsIndexLazyRoute
-  '/tasks': typeof AuthenticatedTasksIndexLazyRoute
-  '/users': typeof AuthenticatedUsersIndexLazyRoute
+  '/settings/account': typeof AuthenticatedSettingsAccountRoute
+  '/settings/appearance': typeof AuthenticatedSettingsAppearanceRoute
+  '/settings/display': typeof AuthenticatedSettingsDisplayRoute
+  '/settings/notifications': typeof AuthenticatedSettingsNotificationsRoute
+  '/apps': typeof AuthenticatedAppsIndexRoute
+  '/chats': typeof AuthenticatedChatsIndexRoute
+  '/help-center': typeof AuthenticatedHelpCenterIndexRoute
+  '/settings': typeof AuthenticatedSettingsIndexRoute
+  '/tasks': typeof AuthenticatedTasksIndexRoute
+  '/users': typeof AuthenticatedUsersIndexRoute
 }
 
 export interface FileRoutesById {
   __root__: typeof rootRoute
   '/_authenticated': typeof AuthenticatedRouteRouteWithChildren
-  '/(auth)/500': typeof auth500Route
+  '/_authenticated/settings': typeof AuthenticatedSettingsRouteRouteWithChildren
+  '/(auth)/forgot-password': typeof authForgotPasswordRoute
   '/(auth)/otp': typeof authOtpRoute
   '/(auth)/sign-in': typeof authSignInRoute
-  '/_authenticated/settings': typeof AuthenticatedSettingsRouteLazyRouteWithChildren
-  '/(auth)/forgot-password': typeof authForgotPasswordLazyRoute
-  '/(auth)/sign-in-2': typeof authSignIn2LazyRoute
-  '/(auth)/sign-up': typeof authSignUpLazyRoute
-  '/(errors)/401': typeof errors401LazyRoute
-  '/(errors)/403': typeof errors403LazyRoute
-  '/(errors)/404': typeof errors404LazyRoute
-  '/(errors)/500': typeof errors500LazyRoute
-  '/(errors)/503': typeof errors503LazyRoute
+  '/(auth)/sign-in-2': typeof authSignIn2Route
+  '/(auth)/sign-up': typeof authSignUpRoute
+  '/(errors)/401': typeof errors401Route
+  '/(errors)/403': typeof errors403Route
+  '/(errors)/404': typeof errors404Route
+  '/(errors)/500': typeof errors500Route
+  '/(errors)/503': typeof errors503Route
   '/_authenticated/': typeof AuthenticatedIndexRoute
-  '/_authenticated/settings/account': typeof AuthenticatedSettingsAccountLazyRoute
-  '/_authenticated/settings/appearance': typeof AuthenticatedSettingsAppearanceLazyRoute
-  '/_authenticated/settings/display': typeof AuthenticatedSettingsDisplayLazyRoute
-  '/_authenticated/settings/notifications': typeof AuthenticatedSettingsNotificationsLazyRoute
-  '/_authenticated/apps/': typeof AuthenticatedAppsIndexLazyRoute
-  '/_authenticated/chats/': typeof AuthenticatedChatsIndexLazyRoute
-  '/_authenticated/help-center/': typeof AuthenticatedHelpCenterIndexLazyRoute
-  '/_authenticated/settings/': typeof AuthenticatedSettingsIndexLazyRoute
-  '/_authenticated/tasks/': typeof AuthenticatedTasksIndexLazyRoute
-  '/_authenticated/users/': typeof AuthenticatedUsersIndexLazyRoute
+  '/_authenticated/settings/account': typeof AuthenticatedSettingsAccountRoute
+  '/_authenticated/settings/appearance': typeof AuthenticatedSettingsAppearanceRoute
+  '/_authenticated/settings/display': typeof AuthenticatedSettingsDisplayRoute
+  '/_authenticated/settings/notifications': typeof AuthenticatedSettingsNotificationsRoute
+  '/_authenticated/apps/': typeof AuthenticatedAppsIndexRoute
+  '/_authenticated/chats/': typeof AuthenticatedChatsIndexRoute
+  '/_authenticated/help-center/': typeof AuthenticatedHelpCenterIndexRoute
+  '/_authenticated/settings/': typeof AuthenticatedSettingsIndexRoute
+  '/_authenticated/tasks/': typeof AuthenticatedTasksIndexRoute
+  '/_authenticated/users/': typeof AuthenticatedUsersIndexRoute
 }
 
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
   fullPaths:
     | ''
-    | '/500'
-    | '/otp'
-    | '/sign-in'
     | '/settings'
     | '/forgot-password'
+    | '/otp'
+    | '/sign-in'
     | '/sign-in-2'
     | '/sign-up'
     | '/401'
     | '/403'
     | '/404'
+    | '/500'
     | '/503'
     | '/'
     | '/settings/account'
@@ -605,15 +504,15 @@ export interface FileRouteTypes {
     | '/users'
   fileRoutesByTo: FileRoutesByTo
   to:
-    | '/500'
+    | '/forgot-password'
     | '/otp'
     | '/sign-in'
-    | '/forgot-password'
     | '/sign-in-2'
     | '/sign-up'
     | '/401'
     | '/403'
     | '/404'
+    | '/500'
     | '/503'
     | '/'
     | '/settings/account'
@@ -629,11 +528,10 @@ export interface FileRouteTypes {
   id:
     | '__root__'
     | '/_authenticated'
-    | '/(auth)/500'
-    | '/(auth)/otp'
-    | '/(auth)/sign-in'
     | '/_authenticated/settings'
     | '/(auth)/forgot-password'
+    | '/(auth)/otp'
+    | '/(auth)/sign-in'
     | '/(auth)/sign-in-2'
     | '/(auth)/sign-up'
     | '/(errors)/401'
@@ -657,32 +555,30 @@ export interface FileRouteTypes {
 
 export interface RootRouteChildren {
   AuthenticatedRouteRoute: typeof AuthenticatedRouteRouteWithChildren
-  auth500Route: typeof auth500Route
+  authForgotPasswordRoute: typeof authForgotPasswordRoute
   authOtpRoute: typeof authOtpRoute
   authSignInRoute: typeof authSignInRoute
-  authForgotPasswordLazyRoute: typeof authForgotPasswordLazyRoute
-  authSignIn2LazyRoute: typeof authSignIn2LazyRoute
-  authSignUpLazyRoute: typeof authSignUpLazyRoute
-  errors401LazyRoute: typeof errors401LazyRoute
-  errors403LazyRoute: typeof errors403LazyRoute
-  errors404LazyRoute: typeof errors404LazyRoute
-  errors500LazyRoute: typeof errors500LazyRoute
-  errors503LazyRoute: typeof errors503LazyRoute
+  authSignIn2Route: typeof authSignIn2Route
+  authSignUpRoute: typeof authSignUpRoute
+  errors401Route: typeof errors401Route
+  errors403Route: typeof errors403Route
+  errors404Route: typeof errors404Route
+  errors500Route: typeof errors500Route
+  errors503Route: typeof errors503Route
 }
 
 const rootRouteChildren: RootRouteChildren = {
   AuthenticatedRouteRoute: AuthenticatedRouteRouteWithChildren,
-  auth500Route: auth500Route,
+  authForgotPasswordRoute: authForgotPasswordRoute,
   authOtpRoute: authOtpRoute,
   authSignInRoute: authSignInRoute,
-  authForgotPasswordLazyRoute: authForgotPasswordLazyRoute,
-  authSignIn2LazyRoute: authSignIn2LazyRoute,
-  authSignUpLazyRoute: authSignUpLazyRoute,
-  errors401LazyRoute: errors401LazyRoute,
-  errors403LazyRoute: errors403LazyRoute,
-  errors404LazyRoute: errors404LazyRoute,
-  errors500LazyRoute: errors500LazyRoute,
-  errors503LazyRoute: errors503LazyRoute,
+  authSignIn2Route: authSignIn2Route,
+  authSignUpRoute: authSignUpRoute,
+  errors401Route: errors401Route,
+  errors403Route: errors403Route,
+  errors404Route: errors404Route,
+  errors500Route: errors500Route,
+  errors503Route: errors503Route,
 }
 
 export const routeTree = rootRoute
@@ -696,10 +592,9 @@ export const routeTree = rootRoute
       "filePath": "__root.tsx",
       "children": [
         "/_authenticated",
-        "/(auth)/500",
+        "/(auth)/forgot-password",
         "/(auth)/otp",
         "/(auth)/sign-in",
-        "/(auth)/forgot-password",
         "/(auth)/sign-in-2",
         "/(auth)/sign-up",
         "/(errors)/401",
@@ -721,17 +616,8 @@ export const routeTree = rootRoute
         "/_authenticated/users/"
       ]
     },
-    "/(auth)/500": {
-      "filePath": "(auth)/500.tsx"
-    },
-    "/(auth)/otp": {
-      "filePath": "(auth)/otp.tsx"
-    },
-    "/(auth)/sign-in": {
-      "filePath": "(auth)/sign-in.tsx"
-    },
     "/_authenticated/settings": {
-      "filePath": "_authenticated/settings/route.lazy.tsx",
+      "filePath": "_authenticated/settings/route.tsx",
       "parent": "/_authenticated",
       "children": [
         "/_authenticated/settings/account",
@@ -742,71 +628,77 @@ export const routeTree = rootRoute
       ]
     },
     "/(auth)/forgot-password": {
-      "filePath": "(auth)/forgot-password.lazy.tsx"
+      "filePath": "(auth)/forgot-password.tsx"
+    },
+    "/(auth)/otp": {
+      "filePath": "(auth)/otp.tsx"
+    },
+    "/(auth)/sign-in": {
+      "filePath": "(auth)/sign-in.tsx"
     },
     "/(auth)/sign-in-2": {
-      "filePath": "(auth)/sign-in-2.lazy.tsx"
+      "filePath": "(auth)/sign-in-2.tsx"
     },
     "/(auth)/sign-up": {
-      "filePath": "(auth)/sign-up.lazy.tsx"
+      "filePath": "(auth)/sign-up.tsx"
     },
     "/(errors)/401": {
-      "filePath": "(errors)/401.lazy.tsx"
+      "filePath": "(errors)/401.tsx"
     },
     "/(errors)/403": {
-      "filePath": "(errors)/403.lazy.tsx"
+      "filePath": "(errors)/403.tsx"
     },
     "/(errors)/404": {
-      "filePath": "(errors)/404.lazy.tsx"
+      "filePath": "(errors)/404.tsx"
     },
     "/(errors)/500": {
-      "filePath": "(errors)/500.lazy.tsx"
+      "filePath": "(errors)/500.tsx"
     },
     "/(errors)/503": {
-      "filePath": "(errors)/503.lazy.tsx"
+      "filePath": "(errors)/503.tsx"
     },
     "/_authenticated/": {
       "filePath": "_authenticated/index.tsx",
       "parent": "/_authenticated"
     },
     "/_authenticated/settings/account": {
-      "filePath": "_authenticated/settings/account.lazy.tsx",
+      "filePath": "_authenticated/settings/account.tsx",
       "parent": "/_authenticated/settings"
     },
     "/_authenticated/settings/appearance": {
-      "filePath": "_authenticated/settings/appearance.lazy.tsx",
+      "filePath": "_authenticated/settings/appearance.tsx",
       "parent": "/_authenticated/settings"
     },
     "/_authenticated/settings/display": {
-      "filePath": "_authenticated/settings/display.lazy.tsx",
+      "filePath": "_authenticated/settings/display.tsx",
       "parent": "/_authenticated/settings"
     },
     "/_authenticated/settings/notifications": {
-      "filePath": "_authenticated/settings/notifications.lazy.tsx",
+      "filePath": "_authenticated/settings/notifications.tsx",
       "parent": "/_authenticated/settings"
     },
     "/_authenticated/apps/": {
-      "filePath": "_authenticated/apps/index.lazy.tsx",
+      "filePath": "_authenticated/apps/index.tsx",
       "parent": "/_authenticated"
     },
     "/_authenticated/chats/": {
-      "filePath": "_authenticated/chats/index.lazy.tsx",
+      "filePath": "_authenticated/chats/index.tsx",
       "parent": "/_authenticated"
     },
     "/_authenticated/help-center/": {
-      "filePath": "_authenticated/help-center/index.lazy.tsx",
+      "filePath": "_authenticated/help-center/index.tsx",
       "parent": "/_authenticated"
     },
     "/_authenticated/settings/": {
-      "filePath": "_authenticated/settings/index.lazy.tsx",
+      "filePath": "_authenticated/settings/index.tsx",
       "parent": "/_authenticated/settings"
     },
     "/_authenticated/tasks/": {
-      "filePath": "_authenticated/tasks/index.lazy.tsx",
+      "filePath": "_authenticated/tasks/index.tsx",
       "parent": "/_authenticated"
     },
     "/_authenticated/users/": {
-      "filePath": "_authenticated/users/index.lazy.tsx",
+      "filePath": "_authenticated/users/index.tsx",
       "parent": "/_authenticated"
     }
   }

src/routes/(auth)/forgot-password.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import ForgotPassword from '@/features/auth/forgot-password'
-
-export const Route = createLazyFileRoute('/(auth)/forgot-password')({
-  component: ForgotPassword,
-})

src/routes/(auth)/forgot-password.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import ForgotPassword from '@/features/auth/forgot-password'
+
+export const Route = createFileRoute('/(auth)/forgot-password')({
+  component: ForgotPassword,
+})

src/routes/(auth)/sign-in-2.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SignIn2 from '@/features/auth/sign-in/sign-in-2'
-
-export const Route = createLazyFileRoute('/(auth)/sign-in-2')({
-  component: SignIn2,
-})

src/routes/(auth)/sign-in-2.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import SignIn2 from '@/features/auth/sign-in/sign-in-2'
+
+export const Route = createFileRoute('/(auth)/sign-in-2')({
+  component: SignIn2,
+})

src/routes/(auth)/sign-up.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SignUp from '@/features/auth/sign-up'
-
-export const Route = createLazyFileRoute('/(auth)/sign-up')({
-  component: SignUp,
-})

src/routes/(auth)/sign-up.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import SignUp from '@/features/auth/sign-up'
+
+export const Route = createFileRoute('/(auth)/sign-up')({
+  component: SignUp,
+})

src/routes/(errors)/401.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import UnauthorisedError from '@/features/errors/unauthorized-error'
-
-export const Route = createLazyFileRoute('/(errors)/401')({
-  component: UnauthorisedError,
-})

src/routes/(errors)/401.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import UnauthorisedError from '@/features/errors/unauthorized-error'
+
+export const Route = createFileRoute('/(errors)/401')({
+  component: UnauthorisedError,
+})

src/routes/(errors)/403.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import ForbiddenError from '@/features/errors/forbidden'
-
-export const Route = createLazyFileRoute('/(errors)/403')({
-  component: ForbiddenError,
-})

src/routes/(errors)/403.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import ForbiddenError from '@/features/errors/forbidden'
+
+export const Route = createFileRoute('/(errors)/403')({
+  component: ForbiddenError,
+})

src/routes/(errors)/404.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import NotFoundError from '@/features/errors/not-found-error'
-
-export const Route = createLazyFileRoute('/(errors)/404')({
-  component: NotFoundError,
-})

src/routes/(errors)/404.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import NotFoundError from '@/features/errors/not-found-error'
+
+export const Route = createFileRoute('/(errors)/404')({
+  component: NotFoundError,
+})

src/routes/(errors)/500.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import GeneralError from '@/features/errors/general-error'
-
-export const Route = createLazyFileRoute('/(errors)/500')({
-  component: GeneralError,
-})

src/routes/(auth)/500.tsx → src/routes/(errors)/500.tsx

@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 import GeneralError from '@/features/errors/general-error'
 
-export const Route = createFileRoute('/(auth)/500')({
+export const Route = createFileRoute('/(errors)/500')({
   component: GeneralError,
 })

src/routes/(errors)/503.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import MaintenanceError from '@/features/errors/maintenance-error'
-
-export const Route = createLazyFileRoute('/(errors)/503')({
-  component: MaintenanceError,
-})

src/routes/(errors)/503.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import MaintenanceError from '@/features/errors/maintenance-error'
+
+export const Route = createFileRoute('/(errors)/503')({
+  component: MaintenanceError,
+})

src/routes/_authenticated/apps/index.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import Apps from '@/features/apps'
-
-export const Route = createLazyFileRoute('/_authenticated/apps/')({
-  component: Apps,
-})

src/routes/_authenticated/apps/index.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import Apps from '@/features/apps'
+
+export const Route = createFileRoute('/_authenticated/apps/')({
+  component: Apps,
+})

src/routes/_authenticated/chats/index.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import Chats from '@/features/chats'
-
-export const Route = createLazyFileRoute('/_authenticated/chats/')({
-  component: Chats,
-})

src/routes/_authenticated/chats/index.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import Chats from '@/features/chats'
+
+export const Route = createFileRoute('/_authenticated/chats/')({
+  component: Chats,
+})

src/routes/_authenticated/help-center/index.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import ComingSoon from '@/components/coming-soon'
-
-export const Route = createLazyFileRoute('/_authenticated/help-center/')({
-  component: ComingSoon,
-})

src/routes/_authenticated/help-center/index.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import ComingSoon from '@/components/coming-soon'
+
+export const Route = createFileRoute('/_authenticated/help-center/')({
+  component: ComingSoon,
+})

src/routes/_authenticated/settings/account.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SettingsAccount from '@/features/settings/account'
-
-export const Route = createLazyFileRoute('/_authenticated/settings/account')({
-  component: SettingsAccount,
-})

src/routes/_authenticated/settings/account.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import SettingsAccount from '@/features/settings/account'
+
+export const Route = createFileRoute('/_authenticated/settings/account')({
+  component: SettingsAccount,
+})

src/routes/_authenticated/settings/appearance.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SettingsAppearance from '@/features/settings/appearance'
-
-export const Route = createLazyFileRoute('/_authenticated/settings/appearance')(
-  { component: SettingsAppearance }
-)

src/routes/_authenticated/settings/appearance.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import SettingsAppearance from '@/features/settings/appearance'
+
+export const Route = createFileRoute('/_authenticated/settings/appearance')({
+  component: SettingsAppearance,
+})

src/routes/_authenticated/settings/display.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SettingsDisplay from '@/features/settings/display'
-
-export const Route = createLazyFileRoute('/_authenticated/settings/display')({
-  component: SettingsDisplay,
-})

src/routes/_authenticated/settings/display.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import SettingsDisplay from '@/features/settings/display'
+
+export const Route = createFileRoute('/_authenticated/settings/display')({
+  component: SettingsDisplay,
+})

src/routes/_authenticated/settings/index.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SettingsProfile from '@/features/settings/profile'
-
-export const Route = createLazyFileRoute('/_authenticated/settings/')({
-  component: SettingsProfile,
-})

src/routes/_authenticated/settings/index.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import SettingsProfile from '@/features/settings/profile'
+
+export const Route = createFileRoute('/_authenticated/settings/')({
+  component: SettingsProfile,
+})

src/routes/_authenticated/settings/notifications.lazy.tsx

@@ -1,8 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SettingsNotifications from '@/features/settings/notifications'
-
-export const Route = createLazyFileRoute(
-  '/_authenticated/settings/notifications'
-)({
-  component: SettingsNotifications,
-})

src/routes/_authenticated/settings/notifications.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import SettingsNotifications from '@/features/settings/notifications'
+
+export const Route = createFileRoute('/_authenticated/settings/notifications')({
+  component: SettingsNotifications,
+})

src/routes/_authenticated/settings/route.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import Settings from '@/features/settings'
-
-export const Route = createLazyFileRoute('/_authenticated/settings')({
-  component: Settings,
-})

src/routes/_authenticated/settings/route.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import Settings from '@/features/settings'
+
+export const Route = createFileRoute('/_authenticated/settings')({
+  component: Settings,
+})

src/routes/_authenticated/tasks/index.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import Tasks from '@/features/tasks'
-
-export const Route = createLazyFileRoute('/_authenticated/tasks/')({
-  component: Tasks,
-})

src/routes/_authenticated/tasks/index.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import Tasks from '@/features/tasks'
+
+export const Route = createFileRoute('/_authenticated/tasks/')({
+  component: Tasks,
+})

src/routes/_authenticated/users/index.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import Users from '@/features/users'
-
-export const Route = createLazyFileRoute('/_authenticated/users/')({
-  component: Users,
-})

src/routes/_authenticated/users/index.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import Users from '@/features/users'
+
+export const Route = createFileRoute('/_authenticated/users/')({
+  component: Users,
+})

vite.config.ts

@@ -6,7 +6,14 @@ import { TanStackRouterVite } from '@tanstack/router-plugin/vite'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react(), tailwindcss(), TanStackRouterVite()],
+  plugins: [
+    TanStackRouterVite({
+      target: 'react',
+      autoCodeSplitting: true,
+    }),
+    react(),
+    tailwindcss(),
+  ],
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),