From 4f34b4580f9a04aeea9d31287e47b63511f5dd24 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Mon, 11 Aug 2025 04:54:02 +0800
Subject: [PATCH] fix(stage-ui): DialogTitle warning

---
 .../Scenarios/Dialogs/Onboarding/OnboardingDialog.vue        | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/stage-ui/src/components/Scenarios/Dialogs/Onboarding/OnboardingDialog.vue b/packages/stage-ui/src/components/Scenarios/Dialogs/Onboarding/OnboardingDialog.vue
index 9b67db09f..868fa499a 100644
--- a/packages/stage-ui/src/components/Scenarios/Dialogs/Onboarding/OnboardingDialog.vue
+++ b/packages/stage-ui/src/components/Scenarios/Dialogs/Onboarding/OnboardingDialog.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useMediaQuery, useResizeObserver, useScreenSafeArea } from '@vueuse/core'
-import { DialogContent, DialogOverlay, DialogPortal, DialogRoot } from 'reka-ui'
+import { DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, VisuallyHidden } from 'reka-ui'
 import { DrawerContent, DrawerHandle, DrawerOverlay, DrawerPortal, DrawerRoot } from 'vaul-vue'
 import { onMounted } from 'vue'
 
@@ -25,6 +25,9 @@ onMounted(() => screenSafeArea.update())
     <DialogPortal>
       <DialogOverlay class="data-[state=open]:animate-fadeIn data-[state=closed]:animate-fadeOut fixed inset-0 z-[9999] bg-black/50 backdrop-blur-sm" />
       <DialogContent class="data-[state=open]:animate-contentShow data-[state=closed]:animate-contentHide fixed left-1/2 top-1/2 z-[9999] max-h-full max-w-2xl w-[92dvw] transform overflow-y-scroll rounded-2xl bg-white p-6 shadow-xl outline-none backdrop-blur-md scrollbar-none -translate-x-1/2 -translate-y-1/2 dark:bg-neutral-900">
+        <VisuallyHidden>
+          <DialogTitle>Onboarding</DialogTitle>
+        </VisuallyHidden>
         <Onboarding @configured="emit('configured')" @skipped="emit('skipped')" />
       </DialogContent>
     </DialogPortal>