feat(demo): add use client example to next demo

maxprilutskiy · maxprilutskiy · commit 7675c77e2969 · 2024-03-22T23:31:22.000+01:00
diff --git a/demo/next/next.config.mjs b/demo/next/next.config.mjs
@@ -1,7 +1,5 @@
 import compiler from '@replexica/compiler';
 
-console.log(compiler);
-
 /** @type {import('next').NextConfig} */
 const nextConfig = {};
 
diff --git a/demo/next/src/app/client/content.tsx b/demo/next/src/app/client/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+export default function ClientContent() {
+  return (
+    <div>
+      Hello world!
+    </div>  
+  );
+}
diff --git a/demo/next/src/app/client/page.tsx b/demo/next/src/app/client/page.tsx
@@ -0,0 +1,3 @@
+import ClientContent from "./content";
+
+export default ClientContent;
diff --git a/demo/next/src/app/layout.tsx b/demo/next/src/app/layout.tsx
@@ -1,5 +1,7 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
+import { ReplexicaIntlProvider } from '@replexica/react/client';
+import { loadLocaleFromCookie } from '@replexica/react/next';
 import "./globals.css";
 
 const inter = Inter({ subsets: ["latin"] });
@@ -9,14 +11,18 @@ export const metadata: Metadata = {
   description: "Generated by create next app",
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const locale = await loadLocaleFromCookie();
+  const localeData = await import(`@replexica/output/${locale}.json`).then((m) => m.default);
   return (
-    <html lang="en">
-      <body className={inter.className}>{children}</body>
-    </html>
+    <ReplexicaIntlProvider data={localeData}>
+      <html lang={locale}>
+        <body className={inter.className}>{children}</body>
+      </html>
+    </ReplexicaIntlProvider>
   );
 }

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import ClientContent from "./content";`
	`2`	`+`
	`3`	`+export default ClientContent;`