chore: add tailwindcss

src/App.tsx

@@ -9,11 +9,21 @@ enum Level {
 function App() {
   const [greetMsg, setGreetMsg] = useState<string>("")
   const [level, setLevel] = useState<Level>(Level.min)
+  const [dbInfo, setDbInfo] = useState<string>("")
 
   async function getMessage() {
     setGreetMsg(await invoke("get_message", { level }))
   }
 
+  async function queryDatabase() {
+    try {
+      const result = await invoke("query_database")
+      setDbInfo(result as string)
+    } catch (error) {
+      setDbInfo(`Error: ${error}`)
+    }
+  }
+
   function onChange(event: React.ChangeEvent<HTMLSelectElement>) {
     const value = event.target.value as Level
     setLevel(value)
@@ -37,6 +47,17 @@ function App() {
         </button>
       </div>
       <p>{greetMsg}</p>
+      
+      <div className="row">
+        <button
+          type="button"
+          onClick={() => {
+            void queryDatabase()
+          }}>
+          Query Database
+        </button>
+      </div>
+      <p>{dbInfo}</p>
     </main>
   )
 }

src/main.css

@@ -0,0 +1 @@
+@import "tailwindcss";