Bundle js modules with vite

src/app.lisp

@@ -19,8 +19,8 @@
 
 (defparameter *app*
   (lack:builder (:static
-                 :path "/static/"
-                 :root (asdf:system-relative-pathname :hp "static/"))
+                 :path "/dist/assets/"
+                 :root (asdf:system-relative-pathname :hp "assets/"))
                 *raw-app*))
 
 ; for clackup cmd

src/components/layout.lisp

@@ -9,10 +9,8 @@
     (html
       (head
         (title "skyizwhite.dev")
-        (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"))
+        (script :type "module" :src "http://localhost:5173/@vite/client")
+        (script :type "module" :src "http://localhost:5173/src/js/main.js"))
       (body :class "h-[100svh] w-screen"
         (main :class "h-full"
           pi:children)))))

src/js/main.js

@@ -0,0 +1,8 @@
+import './style.css'
+import HTMX from 'htmx.org'
+import Alpine from 'alpinejs'
+
+window.htmx = HTMX;
+window.Alpine = Alpine
+
+Alpine.start()

src/js/style.css

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