46 lines
1005 B
TypeScript
46 lines
1005 B
TypeScript
import type { ReactNode } from 'react'
|
|
import {
|
|
Outlet,
|
|
createRootRoute,
|
|
HeadContent,
|
|
Scripts,
|
|
} from '@tanstack/react-router'
|
|
|
|
export const Route = createRootRoute({
|
|
head: () => ({
|
|
meta: [
|
|
{ charSet: 'utf-8' },
|
|
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
|
|
{ name: 'theme-color', content: '#0a0a0a' },
|
|
],
|
|
links: [
|
|
{ rel: 'icon', href: '/favicon.ico', sizes: '48x48' },
|
|
{ rel: 'icon', href: '/favicon.svg', type: 'image/svg+xml' },
|
|
{ rel: 'apple-touch-icon', href: '/favicon.svg' },
|
|
],
|
|
}),
|
|
component: RootComponent,
|
|
})
|
|
|
|
function RootComponent() {
|
|
return (
|
|
<RootDocument>
|
|
<Outlet />
|
|
</RootDocument>
|
|
)
|
|
}
|
|
|
|
function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
|
|
return (
|
|
<html lang="en">
|
|
<head>
|
|
<HeadContent />
|
|
</head>
|
|
<body className="antialiased bg-background text-foreground">
|
|
{children}
|
|
<Scripts />
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|