compat

package.json

@@ -6,7 +6,7 @@
         "dev": "vite"
     },
     "browserslist": [
-        "since 1995"
+        "since 2000"
     ],
     "devDependencies": {
         "@tailwindcss/forms": "^0.5.2",

resources/js/app.js

@@ -1,9 +1,7 @@
 import './bootstrap';
 import Alpine from 'alpinejs';
 
-import.meta.glob([
-    '../images/**'
-])
+import.meta.glob(['../images/**']);
 
 window.Alpine = Alpine;
 

resources/views/layouts/head.blade.php

@@ -10,4 +10,7 @@
 
   <!-- Scripts -->
   @vite(['resources/css/app.css', 'resources/js/app.js'])
+
+  <!-- polyfills -->
+  <script src="//polyfill.io/v3/polyfill.min.js?flags=gated&features=default,es5,es6,es7,matchMedia,IntersectionObserver,ResizeObserver,NodeList.prototype.forEach,HTMLTemplateElement,Element.prototype.closest,requestAnimationFrame,CustomEvent,URLSearchParams,queueMicrotask"></script>
 </head>

resources/views/layouts/navigation.blade.php

@@ -1,13 +1,3 @@
-{{-- <nav> --}}
-{{-- <!-- Primary Navigation Menu --> --}}
-{{-- <div> --}}
-{{-- <!-- Logo --> --}}
-{{-- <a href="/" class="button">Home</a> --}}
-
-{{-- <div class="py-2"> --}}
-{{-- @auth --}}
-{{-- <a class="button" href="{{ route('admin') }}">Admin</a> --}}
-
 {{-- <!-- Profile --> --}}
 {{-- <a class="button" href="{{ route('profile.edit') }}"> --}}
 {{-- {{ Auth::user()->name }} --}}
@@ -21,14 +11,6 @@
 {{-- > --}}
 {{-- @csrf --}}
 
-{{-- <button>Log Out</button> --}}
-{{-- </form> --}}
-{{-- @else --}}
-{{-- <a href="{{ route('login') }}">Login</a> --}}
-{{-- @endauth --}}
-{{-- </div> --}}
-{{-- </div> --}}
-{{-- </nav> --}}
 <div x-data="{ open: false }">
   <nav
     class="window"
@@ -55,7 +37,21 @@ class="window"
         <hr />
 
         @auth
-          <a href="{{ route('admin') }}">Admin</a>
+          <a href="{{ route('admin') }}">
+            <img
+              src="{{ Vite::asset('resources/images/startmenu/cpanel.png') }}"
+              alt="control panel"
+            />
+            Admin
+          </a>
+
+          <a href="{{ route('profile.edit') }}">
+            <img
+              src="{{ Vite::asset('resources/images/startmenu/userskey.png') }}"
+              alt="users with key"
+            />
+            Profile
+          </a>
 
           <hr />
 

vite.config.js

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
+import legacy from '@vitejs/plugin-legacy';
 
 export default defineConfig({
   plugins: [
@@ -7,7 +8,13 @@ export default defineConfig({
       input: ['resources/css/app.css', 'resources/js/app.js'],
       refresh: true,
     }),
+    legacy({
+      targets: ['since 2000'],
+    }),
   ],
+  build: {
+    target: 'es2015',
+  },
   server: {
     hmr: {
       host: '10.0.1.105',