mirror of
https://github.com/DefectingCat/DefectingCat.github.io
synced 2025-07-16 01:01:38 +00:00
54 lines
1.4 KiB
TypeScript
54 lines
1.4 KiB
TypeScript
import useRouterLoading from 'lib/hooks/use-router-loading';
|
|
import { ThemeProvider } from 'next-themes';
|
|
import dynamic from 'next/dynamic';
|
|
import Head from 'next/head';
|
|
import { Suspense, useEffect } from 'react';
|
|
import 'styles/globals.css';
|
|
import 'styles/prism-one-dark.css';
|
|
import 'styles/prism-one-light.css';
|
|
import 'styles/rua.css';
|
|
import { AppPropsWithLayout } from 'types';
|
|
|
|
const VercelLoading = dynamic(
|
|
() => import('components/rua/loading/vercel-loading'),
|
|
{
|
|
suspense: true,
|
|
}
|
|
);
|
|
|
|
function MyApp({ Component, pageProps }: AppPropsWithLayout) {
|
|
const getLayout = Component.getLayout ?? ((page) => page);
|
|
|
|
const { loading } = useRouterLoading();
|
|
|
|
useEffect(() => {
|
|
document.body.style.transition = 'all 0.3s ease-out';
|
|
}, []);
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<link rel="shortcut icon" href="/images/favicon.ico" />
|
|
<meta name="keywords" content="Blog RUA" />
|
|
<meta name="description" content="Personal blog." />
|
|
<meta name="author" content="Arthur,i@rua.plus" />
|
|
<title>RUA</title>
|
|
</Head>
|
|
|
|
<ThemeProvider
|
|
attribute="class"
|
|
storageKey="rua-theme"
|
|
themes={['light', 'dark']}
|
|
enableSystem
|
|
defaultTheme="system"
|
|
>
|
|
{getLayout(<Component {...pageProps} />)}
|
|
</ThemeProvider>
|
|
|
|
<Suspense fallback>{loading && <VercelLoading />}</Suspense>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default MyApp;
|