diff --git a/resources/js/app.ts b/resources/js/app.ts index 456b325..259784e 100644 --- a/resources/js/app.ts +++ b/resources/js/app.ts @@ -6,17 +6,6 @@ import { initPwa } from './lib/usePwa'; const appName = import.meta.env.VITE_APP_NAME || 'Laravel'; -// Apply dark mode before paint to prevent flash -const stored = localStorage.getItem('theme'); - -if ( - stored === 'dark' || - (stored !== 'light' && - window.matchMedia('(prefers-color-scheme: dark)').matches) -) { - document.documentElement.classList.add('dark'); -} - registerSW({ immediate: true }); initPwa(); diff --git a/resources/js/components/BaseModal.vue b/resources/js/components/BaseModal.vue index e908e23..137e16b 100644 --- a/resources/js/components/BaseModal.vue +++ b/resources/js/components/BaseModal.vue @@ -129,6 +129,7 @@ onBeforeUnmount(() => { v-if="isOpen" role="dialog" aria-modal="true" + :aria-label="title || 'Modal dialog'" class="fixed inset-0 z-50 flex justify-center" :class="[ position === 'responsive' diff --git a/resources/js/components/NoticeDialog.vue b/resources/js/components/NoticeDialog.vue index 2a95566..5a654f6 100644 --- a/resources/js/components/NoticeDialog.vue +++ b/resources/js/components/NoticeDialog.vue @@ -75,6 +75,11 @@ const close = () => {