1 files changed, 15 insertions, 0 deletions
diff --git a/app.js b/app.js
index 57bddfe..9c8c319 100644
--- a/app.js
+++ b/app.js
@@ -2,6 +2,13 @@ import Store from "./services/Store.js";
 import { loadData } from "./services/Menu.js";
 import Router from "./services/Router.js";
 
+// Link Webcomponents
+import { MenuPage } from "./components/MenuPage.js";
+import { DetailsPage } from "./components/DetailsPage.js";
+import { OrderPage } from "./components/OrderPage.js";
+import ProductItem from "./components/ProductItem.js";
+import CartItem from "./components/CartItem.js";
+
 window.app = {
   store: Store,
   router: Router,
@@ -11,3 +18,11 @@ window.addEventListener("DOMContentLoaded", () => {
   loadData();
   app.router.init();
 });
+
+window.addEventListener("appcartchange", (event) => {
+  const badge = document.getElementById("badge");
+  const qty = app.store.cart.reduce((acc, item) => acc + item.quantity, 0);
+
+  badge.textContent = qty;
+  badge.hidden = qty == 0;
+});