Add alpine.js

.gitignore

@@ -1,4 +1,4 @@
 .qlot
 node_modules
-static/tailwind.css
+static/style/tailwind.css
 .vscode/alive

Makefile

@@ -2,7 +2,7 @@ install: ## Install dependencies
 	@qlot install ; npm i
 
 css: ## Scan and build tailwindcss
-	@npx tailwindcss -o ./static/tailwind.css --watch
+	@npx tailwindcss -o ./static/style/tailwind.css --watch
 
 help: ## Show options
 	@grep -E '^[a-zA-Z_-]+:.*?## .*$$' $(MAKEFILE_LIST) | \

src/components/layout.lisp

@@ -9,8 +9,10 @@
     (html
       (head
         (title "skyizwhite.dev")
-        (script :src "/static/htmx.min.js")
-        (link :href "/static/main.css" :rel "stylesheet")
-        (link :href "/static/tailwind.css" :rel "stylesheet"))
-      (body :class "h-[100svh]"
-        pi:children))))
+        (script :src "/static/vendor/htmx.min.js")
+        (script :defer t :src "/static/vendor/alpine.min.js")
+        (link :href "/static/style/main.css" :rel "stylesheet")
+        (link :href "/static/style/tailwind.css" :rel "stylesheet"))
+      (body :class "h-[100svh] w-screen"
+        (main :class "h-full"
+          pi:children)))))

src/routes/user/=name.lisp

@@ -1,23 +0,0 @@
-(uiop:define-package #:hp/routes/user/=name
-  (:use #:cl)
-  (:local-nicknames (#:pi #:piccolo))
-  (:local-nicknames (#:jg #:jingle))
-  (:local-nicknames (#:cmp #:hp/components/*))
-  (:export #:on-get))
-(in-package #:hp/routes/user/=name)
-
-;;; View
-
-(pi:define-element page (name)
-  (pi:h
-    (cmp:layout
-      (section :class "h-full flex justify-center items-center"
-        (p :class "text-primary text-4xl"
-          "Hello, " name "!")))))
-
-;;; Controller
-
-(defun on-get (params)
-  (jg:with-html-response
-    (jg:with-request-params ((name :name)) params
-      (pi:element-string (page :name name)))))

tailwind.config.js

@@ -2,7 +2,7 @@
 export default {
     content: [
         "./src/routes/**/*.lisp",
-        "./src/ui/**/*.lisp"
+        "./src/components/**/*.lisp"
     ],
     plugins: [require("daisyui")],
 };