Tailwind setup

packages/webui/src/App.tsx

@@ -1,23 +1,10 @@
-import { useState } from "react"
+import "./index.css"
+import { TRPCClientProvider } from "./trpc/TRPCClientProvider"
 
 
 export function App() {
-  const [count, setCount] = useState(0)
-
-  return (
-    <>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
-    </>
-  )
+    return (
+        <TRPCClientProvider>
+        </TRPCClientProvider>
+    )
 }

packages/webui/src/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

packages/webui/src/trpc/TRPCClientProvider.tsx

@@ -5,7 +5,7 @@ import { trpc } from "./trpc"
 
 
 export interface TRPCClientProviderProps {
-    children: ReactNode
+    children?: ReactNode
 }