///
import ORBITRON from '@fontsource/orbitron/900.css?url'
import ROBOTO from '@fontsource-variable/roboto?url'
import { config } from '@fortawesome/fontawesome-svg-core'
import FONTAWESOME_STYLES from '@fortawesome/fontawesome-svg-core/styles.css?url'
import {
createRootRoute,
HeadContent,
Outlet,
Scripts
} from '@tanstack/react-router'
import type { ReactNode } from 'react'
import GLOBAL_CSS from '@/styles/global.css?url'
config.autoAddCss = false
export const Route = createRootRoute({
head: () => ({
meta: [
{
charSet: 'utf-8'
},
{
name: 'viewport',
content: 'width=device-width, initial-scale=1'
},
{
title: 'Juggernaut Plays Blog'
}
],
links: [
{
rel: 'stylesheet',
href: GLOBAL_CSS
},
{
rel: 'stylesheet',
href: ROBOTO
},
{
rel: 'stylesheet',
href: ORBITRON
},
{
rel: 'stylesheet',
href: FONTAWESOME_STYLES
}
]
}),
component: RootComponent
})
function RootComponent() {
return (
)
}
function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
return (
{children}
)
}