index.html

@@ -948,10 +948,10 @@
         </div>
     </div>
 
-    <script src="src/main.js"></script>
+    <script type="module" src="dist/main.js"></script>
-    <script src="src/cart.js"></script>
+    <script type="module" src="dist/cart.js"></script>
-    <script src="src/booking.js"></script>
+    <script type="module" src="dist/booking.js"></script>
-    <script src="src/checkout.js"></script>
+    <script type="module" src="dist/checkout.js"></script>
     <script type="module" src="dist/account.js"></script>
 </body>
 </html>

src/account.ts

@@ -1,4 +1,4 @@
-import type { User } from "./interfaces";
+import type { User } from "./interfaces.js";
 
 function readStorageJson(key: string, fallbackValue: any) {
     const raw = localStorage.getItem(key);

src/booking.ts

@@ -1,6 +1,6 @@
-import { seatLayouts, occupiedSeatsData, prices, cart } from "./main"
+import { seatLayouts, occupiedSeatsData, prices, cart } from "./main.js"
-import { renderCart, saveCart } from "./cart";
+import { renderCart, saveCart } from "./cart.js";
-import { renderCheckout } from "./checkout";
+import { renderCheckout } from "./checkout.js";
 
 let currentBookingContext: any = null;
 let currentHallLayout: any = null;

src/cart.ts

@@ -1,4 +1,4 @@
-import { cart } from "./main";
+import { cart } from "./main.js";
 
 function formatEuro(value: number) {
     return `${Number(value || 0).toFixed(2).replace(".", ",")} EUR`;

src/checkout.ts

@@ -1,6 +1,6 @@
-import { currentUser, users } from "./account";
+import { currentUser, users } from "./account.js";
-import { renderCart, saveCart } from "./cart";
+import { renderCart, saveCart } from "./cart.js";
-import { cart, emptyCart, occupiedSeatsData } from "./main";
+import { cart, emptyCart, occupiedSeatsData } from "./main.js";
 
 function formatCheckoutEuro(value: number) {
     return `${Number(value || 0).toFixed(2).replace(".", ",")} EUR`;

src/main.ts

@@ -1,7 +1,7 @@
-import { currentUser, loginUser, openAccountDashboard, registerUser } from "./account";
+import { currentUser, loginUser, openAccountDashboard, registerUser } from "./account.js";
-import { openBooking } from "./booking";
+import { openBooking } from "./booking.js";
-import { renderCart, saveCart, updateCartBadge } from "./cart";
+import { renderCart, saveCart, updateCartBadge } from "./cart.js";
-import { renderCheckout } from "./checkout";
+import { renderCheckout } from "./checkout.js";
 
 // Shared app state for legacy script files (account.js, booking.js, cart.js, checkout.js)
 export const prices: Record<string, number> = { normal: 11.0, imax: 15.0, vip: 12.0, dbox: 16.0 };
@@ -67,8 +67,8 @@ document.addEventListener("DOMContentLoaded", () => {
             duration: 148,
             fsk: "6",
             description: "In Walt Disney Animation Studios’ \"Zoomania 2\" geraten die tierischen Detektive Judy Hopps und Nick Wilde auf die rätselhafte Spur eines geheimnisvollen Reptils, das in Zoomania auftaucht und die Metropole völlig auf den Kopf stellt: Gary De’Snake! ",
-            poster: "img/zoomania-2.jpg",
+            poster: "img/Zoomania-2.jpg",
-            backdrop: "img/zoomania-2.jpg"
+            backdrop: "img/Zoomania-2.jpg"
         },
         {
             title: "Shelter",