Button count

.gitignore

@@ -14,6 +14,7 @@
 
 # production
 /build
+yarn.lock
 
 # misc
 .DS_Store

app/layout.tsx

@@ -1,14 +1,14 @@
 import NavBar from "./components/navbar";
 import "./globals.css";
 import { Inter } from "next/font/google";
-
+////
 const inter = Inter({ subsets: ["latin"] });
-
+////
 export const metadata = {
   title: "Create Next App",
   description: "Generated by create next app",
 };
-
+//
 export default function RootLayout({
   children,
 }: {

app/page.tsx

@@ -1,11 +1,18 @@
 "use client";
 
 import { useChat } from "ai/react";
-
+import { useState } from "react";
+//
 export default function Dual() {
   const { messages, input, handleInputChange, handleSubmit, data } = useChat();
+  const { count, setCount } = useState(0);
+
   return (
     <div className="flex">
+      <div>
+        <h1>Count: {count}</h1>
+        <input onClick={() => setCount(count + 1)}>Increment</input>
+      </div>
       <div className="flex flex-col w-full max-w-md py-24 mx-auto stretch">
         {messages.length > 0
           ? messages.map((m) => (

app/tri-display/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useChat } from "ai/react";
-
+//
 export default function Dual() {
   const { messages, input, handleInputChange, handleSubmit, data } = useChat();
   return (

contributing/contributing.md

@@ -0,0 +1 @@
+# contributing

docs/README.md

@@ -0,0 +1 @@
+# readme