Files
DefectingCat.github.io/pages/_app.tsx
DefectingCat 1cf58e9f9b Update nextjs to 12.1
* update modify post save to db
* Update concurrent fectures
* Update exist post
2022-02-18 11:52:38 +08:00

67 lines
1.9 KiB
TypeScript

import 'styles/globals.css';
import 'styles/rua.css';
import 'styles/dark-hljs.css';
import type { AppProps } from 'next/app';
import { NextPage } from 'next';
import { ReactElement, ReactNode } from 'react';
import Head from 'next/head';
import { MDXProvider } from '@mdx-js/react';
import dynamic from 'next/dynamic';
import RUAStore from 'lib/store';
import Script from 'next/script';
const H2 = dynamic(() => import('components/MDX/MDXH2'));
// MDX components
const mdxComponents = {
h2: H2,
};
type NextPageWithLayout = NextPage & {
// eslint-disable-next-line no-unused-vars
getLayout?: (page: ReactElement) => ReactNode;
};
type AppPropsWithLayout = AppProps & {
Component: NextPageWithLayout;
};
function MyApp({ Component, pageProps }: AppPropsWithLayout) {
const getLayout = Component.getLayout ?? ((page) => page);
return (
<>
<Head>
<link rel="shortcut icon" href="/images/img/favicon.webp" />
<meta name="keywords" content="Blog RUA" />
<meta name="description" content="Personal blog." />
<meta name="author" content="Arthur,i@rua.plus" />
<script
dangerouslySetInnerHTML={{
__html: `
if (
localStorage.getItem('rua-theme') === 'dark' ||
(!('rua-theme' in localStorage) &&
window.matchMedia('(prefers-color-scheme: dark)').matches)
) {
document.documentElement.classList.add('dark');
localStorage.setItem('rua-theme', 'dark');
} else {
document.documentElement.classList.remove('dark');
localStorage.setItem('rua-theme', 'light');
}`,
}}
/>
<title>RUA</title>
</Head>
<RUAStore>
<MDXProvider components={mdxComponents}>
{getLayout(<Component {...pageProps} />)}
</MDXProvider>
</RUAStore>
</>
);
}
export default MyApp;