Moves Livewire into App JS

Makes it easier to bundle for prod.

composer.json

@@ -1,12 +1,9 @@
 {
-    "name": "laravel/laravel",
+    "name": "sp-tarkov/forge",
     "type": "project",
-    "description": "The skeleton application for the Laravel framework.",
+    "description": "A Laravel-based web application that provides a platform for the Single Player Tarkov community to share and discover user-generated content, such as mods, guides, and other tools.",
-    "keywords": [
+    "keywords": [],
-        "laravel",
+    "license": "MPL-2.0",
-        "framework"
-    ],
-    "license": "MIT",
     "require": {
         "php": "^8.3",
         "ext-curl": "*",

package-lock.json

@@ -1,5 +1,5 @@
 {
-    "name": "html",
+    "name": "forge",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {

resources/js/app.js

@@ -2,12 +2,18 @@ import "./bootstrap";
 
 import.meta.glob(["../video/**"]);
 
-document.addEventListener("DOMContentLoaded", function () {
+document.addEventListener("DOMContentLoaded", function() {
     const themeToggleIcon = {
         dark: document.getElementById("theme-toggle-dark-icon"),
-        light: document.getElementById("theme-toggle-light-icon"),
+        light: document.getElementById("theme-toggle-light-icon")
     };
 
+    // Make sure the theme toggle icons are available.
+    if (themeToggleIcon.dark === null || themeToggleIcon.light === null) {
+        console.log("Theme toggle icons not found.");
+        return;
+    }
+
     // Function to update the visibility of the theme icons based on the theme
     function updateIconVisibility(theme) {
         if (theme === "dark") {
@@ -41,7 +47,7 @@ document.addEventListener("DOMContentLoaded", function () {
 
     // Set up the theme toggle button
     const themeToggleBtn = document.getElementById("theme-toggle");
-    themeToggleBtn.addEventListener("click", function () {
+    themeToggleBtn.addEventListener("click", function() {
         // Determine the current theme by checking the classList of documentElement
         const currentTheme = document.documentElement.classList.contains("dark") ? "dark" : "light";
         const newTheme = currentTheme === "light" ? "dark" : "light";

resources/js/bootstrap.js

@@ -1,4 +1,7 @@
+import { Livewire } from "../../vendor/livewire/livewire/dist/livewire.esm";
 import axios from "axios";
 
+Livewire.start();
+
 window.axios = axios;
 window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";

resources/views/layouts/app.blade.php

@@ -56,6 +56,6 @@
 @livewire('global-search')
 @stack('modals')
 
-@livewireScripts
+@livewireScriptConfig
 </body>
 </html>

resources/views/layouts/guest.blade.php

@@ -11,6 +11,8 @@
     <link href="//fonts.bunny.net" rel="preconnect">
     <link href="//fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet">
 
+    <link href="{{ config('app.asset_url') }}" rel="dns-prefetch">
+
     <script>
         // Immediately set the theme to prevent a flash of the default theme when another is set.
         // Must be located inline, in the head, and before any CSS is loaded.
@@ -33,7 +35,6 @@
     {{ $slot }}
 </div>
 
-@livewireScripts
+@livewireScriptConfig
-
 </body>
 </html>