uiwjs
diff --git a/‎example/nextjs/src/app/layout.tsx‎
Lines changed: 7 additions & 1 deletion b/‎example/nextjs/src/app/layout.tsx‎
Lines changed: 7 additions & 1 deletion
diff --git a/‎example/nextjs/src/app/merg/_editor/Com.tsx‎ renamed to ‎example/nextjs/src/app/merge/_editor/Com.tsx‎ b/‎example/nextjs/src/app/merg/_editor/Com.tsx‎ renamed to ‎example/nextjs/src/app/merge/_editor/Com.tsx‎
diff --git a/‎example/nextjs/src/app/merg/_editor/code.ts‎ renamed to ‎example/nextjs/src/app/merge/_editor/code.ts‎ b/‎example/nextjs/src/app/merg/_editor/code.ts‎ renamed to ‎example/nextjs/src/app/merge/_editor/code.ts‎
diff --git a/‎example/nextjs/src/app/merg/_editor/index.tsx‎ renamed to ‎example/nextjs/src/app/merge/_editor/index.tsx‎ b/‎example/nextjs/src/app/merg/_editor/index.tsx‎ renamed to ‎example/nextjs/src/app/merge/_editor/index.tsx‎
diff --git a/‎example/nextjs/src/app/merg/page.tsx‎ renamed to ‎example/nextjs/src/app/merge/page.tsx‎
Lines changed: 1 addition & 1 deletion b/‎example/nextjs/src/app/merg/page.tsx‎ renamed to ‎example/nextjs/src/app/merge/page.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎example/nextjs/src/app/textarea/page.tsx‎
Lines changed: 18 additions & 0 deletions b/‎example/nextjs/src/app/textarea/page.tsx‎
Lines changed: 18 additions & 0 deletions
@@ -12,7 +12,13 @@ export const metadata: Metadata = {
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
-      <body className={inter.className}>{children}</body>
+      <body className={inter.className}>
+        <header>
+          <a href="/">Home</a> |<a href="/merge">Merge</a> |<a href="/textarea">TextArea</a>
+          <br />
+        </header>
+        {children}
+      </body>
     </html>
   );
 }
@@ -1,7 +1,7 @@
 // import Editor from './_editor';
 import { MergeExample } from './_editor/Com';
 
-export default function Merg() {
+export default function Merge() {
   return (
     <div>
       <MergeExample />
 
@@ -0,0 +1,18 @@
+'use client';
+import { useState } from 'react';
+
+export default function Merg() {
+  const [value, setValue] = useState('');
+  return (
+    <div>
+      <textarea
+        className="text-black"
+        value={value}
+        onChange={(e) => {
+          console.log(e.target.value);
+          setValue(e.target.value);
+        }}
+      />
+    </div>
+  );
+}