import { HeadContent, Outlet, Scripts, createRootRouteWithContext, } from '@tanstack/react-router' import type { QueryClient } from '@tanstack/react-query' import { Toaster } from '@/components/ui/sonner' import appCss from '../styles.css?url' const THEME_INIT_SCRIPT = `(function(){try{var stored=window.localStorage.getItem('theme');var prefersDark=window.matchMedia('(prefers-color-scheme: dark)').matches;var resolved=stored==='dark'||(stored!=='light'&&prefersDark)?'dark':'light';document.documentElement.classList.toggle('dark',resolved==='dark');document.documentElement.style.colorScheme=resolved;}catch(e){}})();` interface RouterContext { queryClient: QueryClient } export const Route = createRootRouteWithContext()({ head: () => ({ meta: [ { charSet: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { title: 'Gig 管理后台' }, ], links: [{ rel: 'stylesheet', href: appCss }], }), shellComponent: RootDocument, component: () => , }) function RootDocument({ children }: { children: React.ReactNode }) { return (