eslint-react/apps/website/app/layout.tsx at 5ae1edb46b4954d9968375d1261261ad34fdde19 · Rel1cx/eslint-react · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
import { baseUrl } from "@/lib/metadata";
import { Banner } from "fumadocs-ui/components/banner";
import { RootProvider } from "fumadocs-ui/provider/next";
import { Metadata } from "next";
import { Link, ViewTransitions } from "next-view-transitions";

import "@/app/app.css";
import "@/app/app.override.css";

const themeOptions = {
  enabled: true,
  enableSystem: true,
  // defaultTheme: "dark",
  // forcedTheme: "dark",
};

export const metadata: Metadata = {
  description: "4-7x faster, composable ESLint rules for React and friends.",
  title: {
    default: "ESLint React",
    template: "%s | ESLint React",
  },
  metadataBase: baseUrl,
};

export default function Layout({ children }: LayoutProps<"/">) {
  return (
    <ViewTransitions>
      <html lang="en" suppressHydrationWarning>
        <meta content="#fff" name="msapplication-TileColor" />
        <meta content="en" httpEquiv="Content-Language" />
        <meta content="ESLint React" name="apple-mobile-web-app-title" />
        <meta content="/ms-icon-144x144.png" name="msapplication-TileImage" />
        <meta content="summary_large_image" name="twitter:card" />
        <meta content="https://eslint-react.xyz" name="twitter:site" />
        <link
          href="https://eslint-react.xyz/apple-touch-icon.png"
          rel="apple-touch-icon"
          sizes="180x180"
        />
        <link
          href="https://eslint-react.xyz/favicon.png"
          rel="icon"
          type="image/png"
        />
        <body className="flex flex-col min-h-screen">
          <Banner id="kit-beta" variant="rainbow">
            <Link href="/docs/packages/kit">
              <pre>Try <code>@eslint-react/kit@beta</code> →</pre>
            </Link>
          </Banner>
          <RootProvider theme={themeOptions}>
            {children}
          </RootProvider>
        </body>
      </html>
    </ViewTransitions>
  );
}