From 79acc4a08040b99caeac15c8c16e8dfd7e51ef0b Mon Sep 17 00:00:00 2001
From: pac7 <47831526-pac7@users.noreply.replit.com>
Date: Sun, 21 Sep 2025 02:52:15 +0000
Subject: [PATCH] Fix Alpine.js not being defined due to incorrect script
 loading order

Reorder script tags in base.html to ensure Alpine.js core is loaded before its components, resolving the "Alpine is not defined" error.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/xTBwD1r
---
 .replit                          | 2 +-
 backend/templates/base/base.html | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/.replit b/.replit
index 8529eeaa..d3cd2656 100644
--- a/.replit
+++ b/.replit
@@ -36,7 +36,7 @@ localPort = 5000
 externalPort = 80
 
 [[ports]]
-localPort = 36799
+localPort = 34277
 externalPort = 3000
 
 [deployment]
diff --git a/backend/templates/base/base.html b/backend/templates/base/base.html
index c1f0e3d5..f3e90833 100644
--- a/backend/templates/base/base.html
+++ b/backend/templates/base/base.html
@@ -30,12 +30,12 @@
     <!-- HTMX -->
     <script src="https://unpkg.com/htmx.org@1.9.6"></script>
 
-    <!-- Alpine.js Components (must load before Alpine.js) -->
-    <script defer src="{% static 'js/alpine-components.js' %}?v={{ version|default:'1.0' }}"></script>
-
-    <!-- Alpine.js -->
+    <!-- Alpine.js (must load before components) -->
     <script defer src="{% static 'js/alpine.min.js' %}?v={{ version|default:'1.0' }}"></script>
 
+    <!-- Alpine.js Components (must load after Alpine.js) -->
+    <script defer src="{% static 'js/alpine-components.js' %}?v={{ version|default:'1.0' }}"></script>
+
     <!-- Location Autocomplete -->
     <script defer src="{% static 'js/location-autocomplete.js' %}?v={{ version|default:'1.0' }}"></script>