Commit remaining pre-existing changes across CMS files

resources/themes/dusk/js/app.js

@@ -1,27 +1,15 @@
 import "./bootstrap";
 import "./external/flowbite";
 
-import "swiper/css";
-import "swiper/css/navigation";
-import "swiper/css/pagination";
-
-import Alpine from "alpinejs";
-import Focus from "@alpinejs/focus";
-
 import ArticleReactions from "./components/ArticleReactions.js";
 
-import Swiper from "swiper";
-import { Navigation, Pagination } from "swiper/modules";
-
 ArticleReactions.init();
-Alpine.plugin(Focus);
-Alpine.start();
-
-Swiper.use([Navigation, Pagination]);
+window.Alpine.plugin(window.AlpineFocus);
+window.Alpine.start();
 
 // Swiper Initialization
 document.addEventListener("DOMContentLoaded", function () {
-  const swiper = new Swiper(".swiper", {
+  const swiper = new window.Swiper(".swiper", {
     // Your Swiper options here
     navigation: {
       nextEl: ".swiper-button-next",

resources/themes/dusk/js/bootstrap.js

@@ -4,9 +4,6 @@
  * CSRF token as a header based on the value of the "XSRF" token cookie.
  */
 
-import axios from "axios";
-window.axios = axios;
-
 window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";
 
 /**

resources/themes/dusk/js/components/ArticleReactions.js

@@ -1,12 +1,10 @@
-import Alpine from "alpinejs";
-
 const ArticleReactions = {
   init() {
     document.addEventListener("alpine:init", () => this.startComponent());
   },
 
   startComponent() {
-    Alpine.data(
+    window.Alpine.data(
       "reactions",
       (myReactions = [], articleReactions = [], url = "") => ({
         url,