From cbb877855b4217d0cfd4149dace130618379791e Mon Sep 17 00:00:00 2001
From: Talleyrand333 <ebukaakeru@gmail.com>
Date: Mon, 15 Jun 2026 09:48:20 +0100
Subject: [PATCH] feat: register MdiIcon globally, add new icons, and add
 project documentation

---
 src/components/base/MdiIcon.vue |  6 ++++++
 src/main.js                     | 14 ++++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/base/MdiIcon.vue b/src/components/base/MdiIcon.vue
index 73b5386..928af7c 100644
--- a/src/components/base/MdiIcon.vue
+++ b/src/components/base/MdiIcon.vue
@@ -41,10 +41,13 @@ import {
   mdiCalendarClock,
   mdiFileDocument,
   mdiFileDocumentOutline,
+  mdiFileDocumentEditOutline,
+  mdiFileUndoOutline,
   mdiAccountClock,
   mdiAccountClockOutline,
   mdiAccountGroup,
   mdiAccountCheck,
+  mdiAccountTieOutline,
   mdiMapMarker,
   mdiMapMarkerOutline,
   mdiCheckCircle,
@@ -131,10 +134,13 @@ const iconMap = {
   'calendar-clock': mdiCalendarClock,
   'file-document': mdiFileDocument,
   'file-document-outline': mdiFileDocumentOutline,
+  'file-document-edit-outline': mdiFileDocumentEditOutline,
+  'file-undo-outline': mdiFileUndoOutline,
   'account-clock': mdiAccountClock,
   'account-clock-outline': mdiAccountClockOutline,
   'account-group': mdiAccountGroup,
   'account-check': mdiAccountCheck,
+  'account-tie-outline': mdiAccountTieOutline,
   'map-marker': mdiMapMarker,
   'map-marker-outline': mdiMapMarkerOutline,
   'check-circle': mdiCheckCircle,
diff --git a/src/main.js b/src/main.js
index 9fd432c..23e1d71 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,6 @@
 import { createApp } from "vue";
 import App from "./App.vue";
+import MdiIcon from "@/components/base/MdiIcon.vue";
 import router from "./router";
 import "dayjs/locale/en";
 import "dayjs/locale/ar";
@@ -44,6 +45,7 @@ import "./theme/global.scss";
 // REMOVED: v-calendar/style.css — now imported locally in Datepicker.vue
 const app = createApp(App);
 app.use(pinia);
+app.component("MdiIcon", MdiIcon);
 // VCalendar removed from global registration — see Datepicker.vue for local usage
 
 const animationPage = (baseEl, opts) => {
@@ -74,7 +76,7 @@ const lang = langStore.lang || "en";
 const i18n = initI18n(lang);
 app.use(i18n);
 
-router.isReady().then( async () => {
+router.isReady().then(async () => {
   try {
     await registerServiceWorker();
     await getFirebaseMessaging();
@@ -91,8 +93,8 @@ router.isReady().then( async () => {
   }
 });
 
-  // Non-blocking background initialization
-  registerServiceWorker()
-    .then(() => getFirebaseMessaging())
-    .catch((err) => console.warn('Background init failed:', err));
-});
+// Non-blocking background initialization
+registerServiceWorker()
+  .then(() => getFirebaseMessaging())
+  .catch((err) => console.warn('Background init failed:', err));
+