M3 Integration fixes

resources/js/app.js

@@ -51,7 +51,7 @@ function renderWmsCharts() {
             return;
         }
 
-        const type = canvas.dataset.wmsChart;
+        const type = canvas.getAttribute('data-wms-chart');
         const labels = parseJsonAttribute(canvas, 'data-labels');
         const series = parseJsonAttribute(canvas, 'data-series');
         const values = parseJsonAttribute(canvas, 'data-values');
@@ -146,7 +146,7 @@ function livewireComponentFor(element) {
     let current = element;
 
     while (current && current !== document.documentElement) {
-        if (current.hasAttribute && current.hasAttribute('wire:id')) {
+        if (current.hasAttribute?.('wire:id')) {
             if (!window.Livewire) {
                 return null;
             }

resources/views/components/dashboard/chart-card.blade.php

@@ -16,7 +16,7 @@
     <div class="card-body">
         <div class="wms-chart-card__canvas" style="height: {{ (int) $height }}px;">
             <canvas data-wms-chart data-chart-type="{{ $type }}" data-chart-config='@json($config)'
-                aria-label="{{ $title }} chart" role="img"></canvas>
+                aria-label="{{ $title }} chart"></canvas>
         </div>
     </div>
 </div>

resources/views/errors/minimal.blade.php

@@ -535,8 +535,7 @@
 <body class="antialiased bg-white text-black">
     <div data-dusk="page-ready" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);"
         aria-hidden="true"></div>
-    <div class="relative flex items-top justify-center min-h-screen bg-white text-black sm:items-center sm:pt-0"
-        role="main">
+    <main class="relative flex items-top justify-center min-h-screen bg-white text-black sm:items-center sm:pt-0">
         <div class="max-w-xl mx-auto sm:px-6 lg:px-8">
             <div class="flex items-center pt-8 sm:justify-start sm:pt-0">
                 <h1 class="px-4 text-lg text-black border-r border-gray-400">
@@ -548,7 +547,7 @@
                 </div>
             </div>
         </div>
-    </div>
+    </main>
 </body>
 
 </html>

resources/views/livewire/settings/two-factor/recovery-codes.blade.php

@@ -38,14 +38,14 @@
                 @enderror
 
                 @if (filled($recoveryCodes))
-                    <div class="grid gap-1 p-4 font-mono text-sm rounded-lg bg-zinc-100 dark:bg-white/5" role="list"
+                    <ul class="grid gap-1 p-4 font-mono text-sm rounded-lg bg-zinc-100 dark:bg-white/5"
                         aria-label="{{ __('Recovery codes') }}">
                         @foreach ($recoveryCodes as $code)
-                            <div role="listitem" class="select-text" wire:loading.class="opacity-50 animate-pulse">
+                            <li class="select-text" wire:loading.class="opacity-50 animate-pulse">
                                 {{ $code }}
-                            </div>
+                            </li>
                         @endforeach
-                    </div>
+                    </ul>
                     <flux:text variant="subtle" class="text-xs">
                         {{ __('Each recovery code can be used once to access your account and will be removed after use. If you need more, click Regenerate codes above.') }}
                     </flux:text>