🔥 [FEATUREBRANCH] replace md-bootstrap with regular bootstrap

package.json

@@ -9,7 +9,6 @@
         "@popperjs/core": "^2.11",
         "@types/luxon": "^3.4.2",
         "@vitejs/plugin-vue": "^4.3.3",
-        "bootstrap": "^5.3",
         "jquery": "^3.7.0",
         "laravel-vite-plugin": "^1.0.0",
         "lodash": "^4.17.21",
@@ -21,6 +20,7 @@
         "@vuepic/vue-datepicker": "^8.4.0",
         "apexcharts": "^3.46.0",
         "awesomplete": "^1.1.5",
+        "bootstrap": "^5.3.3",
         "bootstrap-cookie-alert": "^1.2.1",
         "chart.js": "^2.9.4",
         "croppie": "^2.6.5",
@@ -29,7 +29,6 @@
         "Leaflet-MovingMaker": "^0.0.1",
         "lgbtq.css": "^2.0.7",
         "luxon": "^3.4.4",
-        "mdb-ui-kit": "^6.4.1",
         "notyf": "^3.10.0",
         "pinia": "^2.1.7",
         "pinia-plugin-persistedstate": "^3.2.1",

resources/js/bootstrap.js

@@ -1,7 +1,9 @@
 import "lodash";
 import jQuery from "jquery";
 import * as Popper from '@popperjs/core';
-import { mdb } from "mdb-ui-kit/js/mdb.min";
+
+// initMDB({Input, Dropdown, Popover, Popper, Collapse, Modal, Tooltip});
+
 /**
  * We'll load jQuery and the Bootstrap jQuery plugin which provides support
  * for JavaScript based Bootstrap features such as modals and tabs. This
@@ -10,14 +12,16 @@ import { mdb } from "mdb-ui-kit/js/mdb.min";
 document.addEventListener("DOMContentLoaded", function () {
     try {
         window.Popper = Popper;
-        window.$ = window.jQuery = jQuery;
+        window.$      = window.jQuery = jQuery;
 
         import("bootstrap/js/dist/collapse");
         import("bootstrap/js/dist/alert");
         import("bootstrap/js/dist/button");
         import("bootstrap/js/dist/tab");
         import("bootstrap/js/dist/dropdown");
-        window.mdb = mdb;
+        import("bootstrap/js/dist/modal");
+        import("bootstrap/js/dist/popover");
+        import("bootstrap/js/dist/tooltip");
     } catch (e) {
         throw new Error(e);
     }

resources/sass/app.scss

@@ -4,7 +4,7 @@
 @import "variables";
 
 // mdbootstrap
-@import "mdb-ui-kit/src/scss/mdb.free.scss";
+@import "bootstrap/scss/bootstrap";
 
 .fas.peach::before {
     content: "\1f351" !important;

resources/views/layouts/app.blade.php

@@ -124,7 +124,7 @@ class="border border-white rounded-left form-control my-0 py-1"
                                 <li class="nav-item dropdown">
                                     <a id="navbarDropdown" href="#" class="nav-link dropdown-toggle mdb-select"
                                        role="button" data-mdb-dropdown-animation="off" data-mdb-toggle="dropdown"
-                                       aria-haspopup="true" aria-expanded="false">
+                                       aria-haspopup="true" aria-expanded="false" data-mdb-dropdown-init>
                                         {{ Auth::user()->name }}
                                         <span class="caret"></span>
                                     </a>