44 lines
844 B
TypeScript
44 lines
844 B
TypeScript
import { createRootRoute } from '@tanstack/react-router'
|
|
import { Outlet, ScrollRestoration } from '@tanstack/react-router'
|
|
import { Body, Head, Html, Meta, Scripts } from '@tanstack/start'
|
|
import * as React from 'react'
|
|
|
|
export const Route = createRootRoute({
|
|
meta: () => [
|
|
{
|
|
charSet: 'utf-8',
|
|
},
|
|
{
|
|
name: 'viewport',
|
|
content: 'width=device-width, initial-scale=1',
|
|
},
|
|
{
|
|
title: 'TanStack Start Starter',
|
|
},
|
|
],
|
|
component: RootComponent,
|
|
})
|
|
|
|
function RootComponent() {
|
|
return (
|
|
<RootDocument>
|
|
<Outlet />
|
|
</RootDocument>
|
|
)
|
|
}
|
|
|
|
function RootDocument({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<Html>
|
|
<Head>
|
|
<Meta />
|
|
</Head>
|
|
<Body>
|
|
{children}
|
|
<ScrollRestoration />
|
|
<Scripts />
|
|
</Body>
|
|
</Html>
|
|
)
|
|
}
|