chore: update nextjs example. #677

uiwjs · Nov 13, 2024 · ab89f28 · ab89f28
1 parent 8b091c3
commit ab89f28
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 2 deletions.
diff --git a/example/nextjs/src/app/layout.tsx b/example/nextjs/src/app/layout.tsx
@@ -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>
   );
 }
diff --git a/example/nextjs/src/app/merg/_editor/Com.tsx → example/nextjs/src/app/merge/_editor/Com.tsx b/example/nextjs/src/app/merg/_editor/Com.tsx → example/nextjs/src/app/merge/_editor/Com.tsx
diff --git a/example/nextjs/src/app/merg/_editor/code.ts → example/nextjs/src/app/merge/_editor/code.ts b/example/nextjs/src/app/merg/_editor/code.ts → example/nextjs/src/app/merge/_editor/code.ts
diff --git a/...ple/nextjs/src/app/merg/_editor/index.tsx → ...le/nextjs/src/app/merge/_editor/index.tsx b/...ple/nextjs/src/app/merg/_editor/index.tsx → ...le/nextjs/src/app/merge/_editor/index.tsx
diff --git a/example/nextjs/src/app/merg/page.tsx → example/nextjs/src/app/merge/page.tsx b/example/nextjs/src/app/merg/page.tsx → example/nextjs/src/app/merge/page.tsx
@@ -1,7 +1,7 @@
 // import Editor from './_editor';
 import { MergeExample } from './_editor/Com';
 
-export default function Merg() {
+export default function Merge() {
   return (
     <div>
       <MergeExample />

diff --git a/example/nextjs/src/app/textarea/page.tsx b/example/nextjs/src/app/textarea/page.tsx
@@ -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>
+  );
+}