import {
createRootRoute,
HeadContent,
Outlet,
Scripts,
} from '@tanstack/react-router';
import appCss from '../styles.css?url';
export const Route = createRootRoute({
head: () => ({
links: [
{
href: appCss,
rel: 'stylesheet',
},
],
meta: [
{
charSet: 'utf-8',
},
{
content: 'width=device-width, initial-scale=1',
name: 'viewport',
},
{
title: 'TanStack Start Starter',
},
],
}),
component: Outlet,
shellComponent: RootDocument,
});
function RootDocument({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<head>
<HeadContent />
<Scripts />
</head>
<body>{children}</body>
</html>
);
}