Format

app/blog/[page]/page.tsx

@@ -1,9 +1,9 @@
 import PostCard from 'app/blog/post-card';
 import PostCardLoading from 'app/blog/post-card-loading';
-import { PostPerPage, postLists } from 'lib/posts';
-import { Fragment, Suspense } from 'react';
 import Pagination from 'components/rua/rua-pagination';
+import { postLists, PostPerPage } from 'lib/posts';
 import { notFound } from 'next/navigation';
+import { Fragment, Suspense } from 'react';
 
 export default async function Page({ params }: { params: { page: string } }) {
   const page = Number(params.page);
@@ -36,4 +36,4 @@ export default async function Page({ params }: { params: { page: string } }) {
       />
     </>
   );
-}
+}

app/layout.tsx

@@ -1,15 +1,15 @@
-import 'styles/globals.css';
 import '@docsearch/css/dist/style.css';
+import clsx from 'clsx';
+import BackToTop from 'components/common/back-to-top';
+import fonts from 'lib/fonts';
+import { Metadata } from 'next';
+import 'styles/globals.css';
 import 'styles/prism-one-dark.css';
 import 'styles/prism-one-light.css';
 import 'styles/rua.css';
-import RUAThemeProvider from './theme-provider';
-import HeadBar from './nav-bar';
 import Footer from './footer';
-import BackToTop from 'components/common/back-to-top';
-import clsx from 'clsx';
-import fonts from 'lib/fonts';
-import { Metadata } from 'next';
+import HeadBar from './nav-bar';
+import RUAThemeProvider from './theme-provider';
 
 export const metadata: Metadata = {
   title: 'RUA',
@@ -51,4 +51,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

app/page.tsx

@@ -33,4 +33,4 @@ export default function Page() {
       </div>
     </main>
   );
-}
+}

lib/fonts.ts

@@ -29,6 +29,7 @@ export const barlow = Barlow({
 
 export const jetbrains_mono = JetBrains_Mono({
   display: 'swap',
+  weight: ['300', '400', '700'],
   variable: '--font-jetbrains-mono',
   subsets: ['latin'],
 });
@@ -47,4 +48,4 @@ const fonts = {
   poppins,
 };
 
-export default fonts;
+export default fonts;