From d29c94e898b9d26bb733edd56e4832db6b258389 Mon Sep 17 00:00:00 2001
From: Alex Ling <hkalexling@gmail.com>
Date: Thu, 30 Jul 2020 07:27:04 +0000
Subject: [PATCH] Use Alpine.js

---
 public/css/mango.css               | 4 ++++
 src/views/components/head.html.ecr | 1 +
 2 files changed, 5 insertions(+)

diff --git a/public/css/mango.css b/public/css/mango.css
index dfabe06..1b69050 100644
--- a/public/css/mango.css
+++ b/public/css/mango.css
@@ -122,3 +122,7 @@ td>.uk-dropdown {
 .uk-light .uk-description-list>dt {
     color: #555;
 }
+
+[x-cloak] {
+    display: none;
+}
diff --git a/src/views/components/head.html.ecr b/src/views/components/head.html.ecr
index 399b907..1107a2e 100644
--- a/src/views/components/head.html.ecr
+++ b/src/views/components/head.html.ecr
@@ -10,5 +10,6 @@
   <script defer src="<%= base_url %>js/fontawesome.min.js"></script>
   <script defer src="<%= base_url %>js/solid.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.5.0/dist/alpine.min.js" defer></script>
   <script src="<%= base_url %>js/theme.js"></script>
 </head>