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,

resources/themes/dusk/views/client/nitro.blade.php

@@ -9,6 +9,13 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&display=swap" rel="stylesheet">
 
+    <link rel="stylesheet" href="{{ config('habbo.cdn.swiper_css') }}" />
+
+    <script src="{{ config('habbo.cdn.axios_js') }}"></script>
+    <script defer src="{{ config('habbo.cdn.alpine_js') }}"></script>
+    <script defer src="{{ config('habbo.cdn.alpine_focus_js') }}"></script>
+    <script src="{{ config('habbo.cdn.swiper_js') }}"></script>
+
     @vite(['resources/themes/' .  setting('theme') . '/css/app.css', 'resources/themes/' .  setting('theme') . '/js/app.js'], 'build')
     
     @if(setting('button_enabled') == '1')

resources/themes/dusk/views/layouts/app.blade.php

@@ -10,6 +10,13 @@
         <!-- Fonts -->
         <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">
 
+        <link rel="stylesheet" href="{{ config('habbo.cdn.swiper_css') }}" />
+
+        <script src="{{ config('habbo.cdn.axios_js') }}"></script>
+        <script defer src="{{ config('habbo.cdn.alpine_js') }}"></script>
+        <script defer src="{{ config('habbo.cdn.alpine_focus_js') }}"></script>
+        <script src="{{ config('habbo.cdn.swiper_js') }}"></script>
+
         @vite(['resources/themes/' .  setting('theme', 'dusk') . '/css/app.css', 'resources/themes/' .  setting('theme') . '/js/app.js'], 'build')
 
         <style>

resources/themes/dusk/views/maintenance.blade.php

@@ -8,8 +8,13 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>{{ setting('hotel_name') }} - {{ __('Maintenance') }}</title>
 
-    <link rel="stylesheet" href="https://unpkg.com/flowbite@1.5.1/dist/flowbite.min.css"/>
-    <script src="https://unpkg.com/flowbite@1.5.1/dist/flowbite.js"></script>
+    <link rel="stylesheet" href="{{ config('habbo.cdn.flowbite_css', asset('assets/css/flowbite.min.css')) }}" />
+    <link rel="stylesheet" href="{{ config('habbo.cdn.swiper_css') }}" />
+
+    <script src="{{ config('habbo.cdn.axios_js') }}"></script>
+    <script defer src="{{ config('habbo.cdn.alpine_js') }}"></script>
+    <script defer src="{{ config('habbo.cdn.alpine_focus_js') }}"></script>
+    <script src="{{ config('habbo.cdn.swiper_js') }}"></script>
 
     @vite(['resources/themes/' .  setting('theme') . '/css/app.css', 'resources/themes/' .  setting('theme') . '/js/app.js'], 'build')
 </head>