temp

src/routes/__root.tsx

@@ -0,0 +1,40 @@
+import { LayoutMain } from '@/pages/auth/modules/BaseHeader';
+import { Outlet, createRootRoute } from '@tanstack/react-router'
+import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
+import { Toaster } from '@/components/ui/sonner'
+import { AuthProvider } from '@/pages/auth'
+import { TooltipProvider } from '@/components/ui/tooltip'
+import { useLayoutStore } from '@/pages/auth/store';
+import { useShallow } from 'zustand/shallow';
+import { stackQueryClient } from '@/modules/query'
+import { QueryClientProvider } from '@tanstack/react-query'
+import clsx from 'clsx';
+export const Route = createRootRoute({
+  component: RootComponent,
+})
+
+
+function RootComponent() {
+  const store = useLayoutStore(useShallow(state => ({
+    showBaseHeader: state.showBaseHeader,
+  })));
+  return (
+    <QueryClientProvider client={stackQueryClient}>
+      <div className='h-full overflow-hidden'>
+        <LayoutMain />
+        <AuthProvider mustLogin={true}>
+          <TooltipProvider>
+            <main className={clsx('overflow-auto scrollbar', {
+              'h-[calc(100%-3rem)]': store.showBaseHeader,
+              'h-full': !store.showBaseHeader,
+            })}>
+              <Outlet />
+            </main>
+          </TooltipProvider>
+        </AuthProvider>
+        <TanStackRouterDevtools position="bottom-right" />
+        <Toaster />
+      </div>
+    </QueryClientProvider>
+  )
+}

src/routes/demo.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+import App from '@/pages/demo/page'
+export const Route = createFileRoute('/demo')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <App />
+}

src/routes/first.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import AppProvider from '@/pages/config/firstLogin';
+export const Route = createFileRoute('/first')({
+  component: AppProvider,
+})
+

src/routes/index.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+import App from '@/pages/page'
+export const Route = createFileRoute('/')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <App />
+}

src/routes/login.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+import App from '@/pages/auth/page'
+export const Route = createFileRoute('/login')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <App />
+}