HTMX + Alpine.js + TailwindCSS

src/routes/index.lisp

@@ -7,8 +7,13 @@
 
 (pi:define-element page ()
   (pi:h
-    (div :data-css "pages/index.css"
-      (h1 "Hello, World!"))))
+    (div :class "h-full place-content-center"
+      (h1
+        :x-data "{flag: true}"
+        :@click "flag = ! flag"
+        :class "text-4xl text-center"
+        :|:class| "flag ? 'text-red-400' : 'text-blue-400'"
+        "Hello, world!"))))
 
 (defun handle-get (params)
   (declare (ignore params))