From 5b7ccf0b671e2999b62befc729a3e517a0433728 Mon Sep 17 00:00:00 2001
From: Bertrand Yuan <bert.yuan@outlook.com>
Date: Mon, 15 Dec 2025 23:48:10 +0800
Subject: initial commit -- the front-end prototype

The initial code is base on Anirudh's work.

More to see at:

    https://github.com/techwithanirudh/shadcn-blog

Therefore, the code in this commit is under MIT license.
---
 src/app/layout.client.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/app/layout.client.tsx

(limited to 'src/app/layout.client.tsx')

diff --git a/src/app/layout.client.tsx b/src/app/layout.client.tsx
new file mode 100644
index 0000000..35726ba
--- /dev/null
+++ b/src/app/layout.client.tsx
@@ -0,0 +1,26 @@
+'use client';
+
+import { cn } from '@/lib/utils';
+import { useParams } from 'next/navigation';
+import type { ReactNode } from 'react';
+
+export function Body({
+  children,
+}: {
+  children: ReactNode;
+}): React.ReactElement {
+  const mode = useMode();
+
+  return (
+    <body
+      className={cn(mode, 'relative flex min-h-svh flex-col overflow-x-hidden')}
+    >
+      {children}
+    </body>
+  );
+}
+
+export function useMode(): string | undefined {
+  const { slug } = useParams();
+  return Array.isArray(slug) && slug.length > 0 ? slug[0] : undefined;
+}
-- 
cgit v1.2.3

