Fix initializing alpine js

aifoundry-org · Aug 21, 2024 · c5ad716 · c5ad716
1 parent 18f9285
commit c5ad716
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/app/views/layouts/devise.html.erb b/app/views/layouts/devise.html.erb
@@ -1,18 +1,29 @@
 <!DOCTYPE html>
-<html lang="en">
+<html :class="{ 'dark': dark }" x-data="data()" lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Llamagator</title>
+
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
     <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
 
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
-    <%= javascript_importmap_tags %>
-
+    <%= javascript_include_tag 'init-alpine' %>
+    <%= javascript_include_tag 'compare' %>
+    <%= javascript_include_tag 'focus-trap' %>
     <link rel="icon" href="/favicon.ico" type="image/x-icon">
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+    <%= javascript_importmap_tags %>
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
+      rel="stylesheet"
+    />
+    <script
+      src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js"
+      defer
+    ></script>
   </head>
   <body>
     <%= yield %>