fix: resolve all 40 Svelte dev warnings for clean startup

- Add $state() to 4 reactive variables (guestMode, emailInput, passwordInput, searchInputElement)
- Replace 3 deprecated <svelte:component> with direct component references
- Fix 8 a11y issues: add ARIA roles, tabindex, keyboard handlers to click-handler divs
- Remove 22 unused CSS selectors across 8 shared-ui components

Zero warnings on dev startup.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-04-03 12:01:17 +02:00
parent 2bd8f0babf
commit c21793baaf
20 changed files with 55 additions and 133 deletions

View file

@ -101,18 +101,21 @@
<svelte:window onkeydown={handleKeydown} />
{#if visible}
<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
<div
class="fixed inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4"
style="z-index: 9990;"
onclick={handleBackdropClick}
role="dialog"
aria-modal="true"
onkeydown={(e) => {
if (e.key === 'Escape') handleBackdropClick();
}}
role="presentation"
tabindex="-1"
>
<!-- svelte-ignore a11y_no_static_element_interactions -->
<div
class="w-full max-w-md rounded-2xl border border-white/10 bg-gray-900 shadow-2xl"
role="dialog"
aria-modal="true"
tabindex="-1"
onclick={(e) => e.stopPropagation()}
onkeydown={(e) => e.stopPropagation()}
>
@ -143,7 +146,7 @@
{#if title}
<div>
<label class="block text-xs text-gray-400 mb-1">Titel</label>
<p class="block text-xs text-gray-400 mb-1">Titel</p>
<p class="text-sm text-white">{title}</p>
</div>
{/if}