From 0c127d3baa035e57dcd33f035350c93a5b390d34 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Tue, 26 Aug 2025 12:58:06 +0800
Subject: [PATCH] fix: lint

---
 .../components/CardCreationDialog.vue         |  4 +--
 .../airi-card/components/CardDetailDialog.vue |  4 +--
 .../airi-card/components/DeleteCardDialog.vue |  4 +--
 .../components/CardCreationDialog.vue         |  4 +--
 .../airi-card/components/CardDetailDialog.vue |  4 +--
 .../airi-card/components/DeleteCardDialog.vue |  4 +--
 docs/.vitepress/components/DocTopbar.vue      |  4 +--
 packages/server-runtime/src/index.ts          | 35 +++++++++++--------
 .../Scenarios/Dialogs/About/Dialog.vue        |  4 +--
 .../Dialogs/Onboarding/OnboardingDialog.vue   |  4 +--
 .../stage-ui/src/components/Scenes/VRM.vue    |  8 ++---
 11 files changed, 43 insertions(+), 36 deletions(-)

diff --git a/apps/stage-tamagotchi/src/pages/settings/airi-card/components/CardCreationDialog.vue b/apps/stage-tamagotchi/src/pages/settings/airi-card/components/CardCreationDialog.vue
index 67185617f..24cb70581 100644
--- a/apps/stage-tamagotchi/src/pages/settings/airi-card/components/CardCreationDialog.vue
+++ b/apps/stage-tamagotchi/src/pages/settings/airi-card/components/CardCreationDialog.vue
@@ -176,8 +176,8 @@ const cardPostHistoryInstructions = makeComputed('postHistoryInstructions')
 <template>
   <DialogRoot :open="modelValue" @update:open="emit('update:modelValue', $event)">
     <DialogPortal>
-      <DialogOverlay class="data-[state=open]:animate-fadeIn data-[state=closed]:animate-fadeOut fixed inset-0 z-100 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-100 m-0 max-h-[90vh] max-w-6xl w-[92vw] flex flex-col overflow-auto border border-neutral-200 rounded-xl bg-white p-5 shadow-xl 2xl:w-[60vw] lg:w-[80vw] md:w-[85vw] xl:w-[70vw] -translate-x-1/2 -translate-y-1/2 dark:border-neutral-700 dark:bg-neutral-800 sm:p-6">
+      <DialogOverlay class="fixed inset-0 z-100 bg-black/50 backdrop-blur-sm data-[state=closed]:animate-fadeOut data-[state=open]:animate-fadeIn" />
+      <DialogContent class="fixed left-1/2 top-1/2 z-100 m-0 max-h-[90vh] max-w-6xl w-[92vw] flex flex-col overflow-auto border border-neutral-200 rounded-xl bg-white p-5 shadow-xl 2xl:w-[60vw] lg:w-[80vw] md:w-[85vw] xl:w-[70vw] -translate-x-1/2 -translate-y-1/2 data-[state=closed]:animate-contentHide data-[state=open]:animate-contentShow dark:border-neutral-700 dark:bg-neutral-800 sm:p-6">
         <div class="w-full flex flex-col gap-5">
           <DialogTitle text-2xl font-normal class="from-primary-500 to-primary-400 bg-gradient-to-r bg-clip-text text-transparent">
             {{ t("settings.pages.card.create_card") }}
diff --git a/apps/stage-tamagotchi/src/pages/settings/airi-card/components/CardDetailDialog.vue b/apps/stage-tamagotchi/src/pages/settings/airi-card/components/CardDetailDialog.vue
index 3b34581a7..2834002bc 100644
--- a/apps/stage-tamagotchi/src/pages/settings/airi-card/components/CardDetailDialog.vue
+++ b/apps/stage-tamagotchi/src/pages/settings/airi-card/components/CardDetailDialog.vue
@@ -166,8 +166,8 @@ const activeTab = computed({
 <template>
   <DialogRoot :open="modelValue" @update:open="emit('update:modelValue', $event)">
     <DialogPortal>
-      <DialogOverlay class="data-[state=open]:animate-fadeIn data-[state=closed]:animate-fadeOut fixed inset-0 z-100 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-100 m-0 max-h-[90vh] max-w-6xl w-[92vw] flex flex-col overflow-auto border border-neutral-200 rounded-xl bg-white p-5 shadow-xl 2xl:w-[60vw] lg:w-[80vw] md:w-[85vw] xl:w-[70vw] -translate-x-1/2 -translate-y-1/2 dark:border-neutral-700 dark:bg-neutral-800 sm:p-6">
+      <DialogOverlay class="fixed inset-0 z-100 bg-black/50 backdrop-blur-sm data-[state=closed]:animate-fadeOut data-[state=open]:animate-fadeIn" />
+      <DialogContent class="fixed left-1/2 top-1/2 z-100 m-0 max-h-[90vh] max-w-6xl w-[92vw] flex flex-col overflow-auto border border-neutral-200 rounded-xl bg-white p-5 shadow-xl 2xl:w-[60vw] lg:w-[80vw] md:w-[85vw] xl:w-[70vw] -translate-x-1/2 -translate-y-1/2 data-[state=closed]:animate-contentHide data-[state=open]:animate-contentShow dark:border-neutral-700 dark:bg-neutral-800 sm:p-6">
         <div v-if="selectedCard" class="w-full flex flex-col gap-5">
           <!-- Header with status indicator -->
           <div flex="~ col" gap-3>
diff --git a/apps/stage-tamagotchi/src/pages/settings/airi-card/components/DeleteCardDialog.vue b/apps/stage-tamagotchi/src/pages/settings/airi-card/components/DeleteCardDialog.vue
index cd7e09720..ea9f81166 100644
--- a/apps/stage-tamagotchi/src/pages/settings/airi-card/components/DeleteCardDialog.vue
+++ b/apps/stage-tamagotchi/src/pages/settings/airi-card/components/DeleteCardDialog.vue
@@ -40,9 +40,9 @@ function handleConfirm() {
 <template>
   <AlertDialogRoot :open="modelValue" @update:open="emit('update:modelValue', $event)">
     <AlertDialogPortal>
-      <AlertDialogOverlay class="data-[state=open]:animate-fadeIn data-[state=closed]:animate-fadeOut fixed inset-0 z-100 bg-black/50" />
+      <AlertDialogOverlay class="fixed inset-0 z-100 bg-black/50 data-[state=closed]:animate-fadeOut data-[state=open]:animate-fadeIn" />
       <AlertDialogContent
-        class="data-[state=open]:animate-contentShow data-[state=closed]:animate-contentHide fixed left-1/2 top-1/2 z-100 max-w-md w-full border border-neutral-200 rounded-xl bg-white p-6 shadow-xl -translate-x-1/2 -translate-y-1/2 dark:border-neutral-700 dark:bg-neutral-800"
+        class="fixed left-1/2 top-1/2 z-100 max-w-md w-full border border-neutral-200 rounded-xl bg-white p-6 shadow-xl -translate-x-1/2 -translate-y-1/2 data-[state=closed]:animate-contentHide data-[state=open]:animate-contentShow dark:border-neutral-700 dark:bg-neutral-800"
       >
         <AlertDialogTitle class="mb-4 text-xl font-normal">
           {{ t('settings.pages.card.delete_card') }}
diff --git a/apps/stage-web/src/pages/settings/airi-card/components/CardCreationDialog.vue b/apps/stage-web/src/pages/settings/airi-card/components/CardCreationDialog.vue
index 67185617f..24cb70581 100644
--- a/apps/stage-web/src/pages/settings/airi-card/components/CardCreationDialog.vue
+++ b/apps/stage-web/src/pages/settings/airi-card/components/CardCreationDialog.vue
@@ -176,8 +176,8 @@ const cardPostHistoryInstructions = makeComputed('postHistoryInstructions')
 <template>
   <DialogRoot :open="modelValue" @update:open="emit('update:modelValue', $event)">
     <DialogPortal>
-      <DialogOverlay class="data-[state=open]:animate-fadeIn data-[state=closed]:animate-fadeOut fixed inset-0 z-100 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-100 m-0 max-h-[90vh] max-w-6xl w-[92vw] flex flex-col overflow-auto border border-neutral-200 rounded-xl bg-white p-5 shadow-xl 2xl:w-[60vw] lg:w-[80vw] md:w-[85vw] xl:w-[70vw] -translate-x-1/2 -translate-y-1/2 dark:border-neutral-700 dark:bg-neutral-800 sm:p-6">
+      <DialogOverlay class="fixed inset-0 z-100 bg-black/50 backdrop-blur-sm data-[state=closed]:animate-fadeOut data-[state=open]:animate-fadeIn" />
+      <DialogContent class="fixed left-1/2 top-1/2 z-100 m-0 max-h-[90vh] max-w-6xl w-[92vw] flex flex-col overflow-auto border border-neutral-200 rounded-xl bg-white p-5 shadow-xl 2xl:w-[60vw] lg:w-[80vw] md:w-[85vw] xl:w-[70vw] -translate-x-1/2 -translate-y-1/2 data-[state=closed]:animate-contentHide data-[state=open]:animate-contentShow dark:border-neutral-700 dark:bg-neutral-800 sm:p-6">
         <div class="w-full flex flex-col gap-5">
           <DialogTitle text-2xl font-normal class="from-primary-500 to-primary-400 bg-gradient-to-r bg-clip-text text-transparent">
             {{ t("settings.pages.card.create_card") }}
diff --git a/apps/stage-web/src/pages/settings/airi-card/components/CardDetailDialog.vue b/apps/stage-web/src/pages/settings/airi-card/components/CardDetailDialog.vue
index 3b34581a7..2834002bc 100644
--- a/apps/stage-web/src/pages/settings/airi-card/components/CardDetailDialog.vue
+++ b/apps/stage-web/src/pages/settings/airi-card/components/CardDetailDialog.vue
@@ -166,8 +166,8 @@ const activeTab = computed({
 <template>
   <DialogRoot :open="modelValue" @update:open="emit('update:modelValue', $event)">
     <DialogPortal>
-      <DialogOverlay class="data-[state=open]:animate-fadeIn data-[state=closed]:animate-fadeOut fixed inset-0 z-100 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-100 m-0 max-h-[90vh] max-w-6xl w-[92vw] flex flex-col overflow-auto border border-neutral-200 rounded-xl bg-white p-5 shadow-xl 2xl:w-[60vw] lg:w-[80vw] md:w-[85vw] xl:w-[70vw] -translate-x-1/2 -translate-y-1/2 dark:border-neutral-700 dark:bg-neutral-800 sm:p-6">
+      <DialogOverlay class="fixed inset-0 z-100 bg-black/50 backdrop-blur-sm data-[state=closed]:animate-fadeOut data-[state=open]:animate-fadeIn" />
+      <DialogContent class="fixed left-1/2 top-1/2 z-100 m-0 max-h-[90vh] max-w-6xl w-[92vw] flex flex-col overflow-auto border border-neutral-200 rounded-xl bg-white p-5 shadow-xl 2xl:w-[60vw] lg:w-[80vw] md:w-[85vw] xl:w-[70vw] -translate-x-1/2 -translate-y-1/2 data-[state=closed]:animate-contentHide data-[state=open]:animate-contentShow dark:border-neutral-700 dark:bg-neutral-800 sm:p-6">
         <div v-if="selectedCard" class="w-full flex flex-col gap-5">
           <!-- Header with status indicator -->
           <div flex="~ col" gap-3>
diff --git a/apps/stage-web/src/pages/settings/airi-card/components/DeleteCardDialog.vue b/apps/stage-web/src/pages/settings/airi-card/components/DeleteCardDialog.vue
index cd7e09720..ea9f81166 100644
--- a/apps/stage-web/src/pages/settings/airi-card/components/DeleteCardDialog.vue
+++ b/apps/stage-web/src/pages/settings/airi-card/components/DeleteCardDialog.vue
@@ -40,9 +40,9 @@ function handleConfirm() {
 <template>
   <AlertDialogRoot :open="modelValue" @update:open="emit('update:modelValue', $event)">
     <AlertDialogPortal>
-      <AlertDialogOverlay class="data-[state=open]:animate-fadeIn data-[state=closed]:animate-fadeOut fixed inset-0 z-100 bg-black/50" />
+      <AlertDialogOverlay class="fixed inset-0 z-100 bg-black/50 data-[state=closed]:animate-fadeOut data-[state=open]:animate-fadeIn" />
       <AlertDialogContent
-        class="data-[state=open]:animate-contentShow data-[state=closed]:animate-contentHide fixed left-1/2 top-1/2 z-100 max-w-md w-full border border-neutral-200 rounded-xl bg-white p-6 shadow-xl -translate-x-1/2 -translate-y-1/2 dark:border-neutral-700 dark:bg-neutral-800"
+        class="fixed left-1/2 top-1/2 z-100 max-w-md w-full border border-neutral-200 rounded-xl bg-white p-6 shadow-xl -translate-x-1/2 -translate-y-1/2 data-[state=closed]:animate-contentHide data-[state=open]:animate-contentShow dark:border-neutral-700 dark:bg-neutral-800"
       >
         <AlertDialogTitle class="mb-4 text-xl font-normal">
           {{ t('settings.pages.card.delete_card') }}
diff --git a/docs/.vitepress/components/DocTopbar.vue b/docs/.vitepress/components/DocTopbar.vue
index 567858f98..21596bc20 100644
--- a/docs/.vitepress/components/DocTopbar.vue
+++ b/docs/.vitepress/components/DocTopbar.vue
@@ -100,8 +100,8 @@ watch(path, () => {
         </DialogTrigger>
 
         <DialogPortal>
-          <DialogOverlay class="data-[state=open]:animate-fadeIn data-[state=closed]:animate-fadeOut fixed inset-0 z-50 bg-black/80" />
-          <DialogContent class="border-muted bg-background data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left data-[state=open]:animate-enterFromLeft data-[state=closed]:animate-exitToLeft fixed inset-y-0 left-0 z-50 h-full w-3/4 gap-4 border-r pr-0 shadow-lg transition ease-in-out sm:max-w-sm">
+          <DialogOverlay class="fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-fadeOut data-[state=open]:animate-fadeIn" />
+          <DialogContent class="bg-background border-muted data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left data-[state=open]:animate-enterFromLeft data-[state=closed]:animate-exitToLeft fixed inset-y-0 left-0 z-50 h-full w-3/4 gap-4 border-r pr-0 shadow-lg transition ease-in-out sm:max-w-sm">
             <DialogTitle class="sr-only">
               Sidebar menu
             </DialogTitle>
diff --git a/packages/server-runtime/src/index.ts b/packages/server-runtime/src/index.ts
index 919281d8a..f6bd4baf9 100644
--- a/packages/server-runtime/src/index.ts
+++ b/packages/server-runtime/src/index.ts
@@ -1,7 +1,9 @@
 import type { WebSocketEvent } from '@proj-airi/server-shared/types'
+
 import type { AuthenticatedPeer, Peer } from './types'
 
 import { env } from 'node:process'
+
 import { Format, LogLevel, setGlobalFormat, setGlobalLogLevel, useLogg } from '@guiiai/logg'
 import { createApp, createRouter, defineWebSocketHandler } from 'h3'
 
@@ -44,7 +46,8 @@ function main() {
   }
 
   function unregisterModulePeer(p: AuthenticatedPeer) {
-    if (!p.name) return
+    if (!p.name)
+      return
     const group = peersByModule.get(p.name)
     if (group) {
       group.delete(p.index)
@@ -58,7 +61,8 @@ function main() {
     open: (peer) => {
       if (AUTH_TOKEN) {
         peers.set(peer.id, { peer, authenticated: false, name: '' })
-      } else {
+      }
+      else {
         peer.send(RESPONSES.authenticated)
         peers.set(peer.id, { peer, authenticated: true, name: '' })
       }
@@ -69,8 +73,9 @@ function main() {
       let event: WebSocketEvent
       try {
         event = message.json() as WebSocketEvent
-      } catch (err) {
-        send(peer, { type: 'error', data: { message: 'invalid JSON' } })
+      }
+      catch (err) {
+        send(peer, { type: 'error', data: { message: `invalid JSON, error: ${err.message}` } })
         return
       }
 
@@ -83,10 +88,10 @@ function main() {
           }
 
           peer.send(RESPONSES.authenticated)
-const p = peers.get(peer.id);
-if (p) {
-  Object.assign(p, { authenticated: true });
-}
+          const p = peers.get(peer.id)
+          if (p) {
+            Object.assign(p, { authenticated: true })
+          }
           return
         }
         case 'module:announce': {
@@ -102,23 +107,24 @@ if (p) {
           const { moduleName, moduleIndex, config } = event.data
 
           if (moduleName === '') {
-            send(peer, { type: 'error', data: { message: "the field 'moduleName' can't be empty for event 'ui:configure'" } })
+            send(peer, { type: 'error', data: { message: 'the field \'moduleName\' can\'t be empty for event \'ui:configure\'' } })
             return
           }
           if (typeof moduleIndex !== 'undefined' && typeof moduleIndex !== 'number') {
-            send(peer, { type: 'error', data: { message: "the field 'moduleIndex' must be a number for event 'ui:configure'" } })
+            send(peer, { type: 'error', data: { message: 'the field \'moduleIndex\' must be a number for event \'ui:configure\'' } })
             return
           }
           if (typeof moduleIndex !== 'undefined' && moduleIndex < 0) {
-            send(peer, { type: 'error', data: { message: "the field 'moduleIndex' must be a positive number for event 'ui:configure'" } })
+            send(peer, { type: 'error', data: { message: 'the field \'moduleIndex\' must be a positive number for event \'ui:configure\'' } })
             return
           }
 
           const target = peersByModule.get(moduleName)?.get(moduleIndex)
           if (target) {
             send(target.peer, { type: 'module:configure', data: { config } })
-          } else {
-            send(peer, { type: 'error', data: { message: "module not found, it haven't announced it or the name was wrong" } })
+          }
+          else {
+            send(peer, { type: 'error', data: { message: 'module not found, it haven\'t announced it or the name was wrong' } })
           }
           return
         }
@@ -144,7 +150,8 @@ if (p) {
     },
     close: (peer, details) => {
       const p = peers.get(peer.id)
-      if (p) unregisterModulePeer(p)
+      if (p)
+        unregisterModulePeer(p)
 
       websocketLogger.withFields({ peer: peer.id, details, activePeers: peers.size }).log('closed')
       peers.delete(peer.id)
diff --git a/packages/stage-ui/src/components/Scenarios/Dialogs/About/Dialog.vue b/packages/stage-ui/src/components/Scenarios/Dialogs/About/Dialog.vue
index de6472f7e..e149004c5 100644
--- a/packages/stage-ui/src/components/Scenarios/Dialogs/About/Dialog.vue
+++ b/packages/stage-ui/src/components/Scenarios/Dialogs/About/Dialog.vue
@@ -17,8 +17,8 @@ onMounted(() => screenSafeArea.update())
   <DialogRoot v-if="isDesktop" :open="showDialog" @update:open="value => showDialog = value">
     <slot name="trigger" />
     <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">
+      <DialogOverlay class="fixed inset-0 z-[9999] bg-black/50 backdrop-blur-sm data-[state=closed]:animate-fadeOut data-[state=open]:animate-fadeIn" />
+      <DialogContent class="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 data-[state=closed]:animate-contentHide data-[state=open]:animate-contentShow dark:bg-neutral-900">
         <slot />
       </DialogContent>
     </DialogPortal>
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 868fa499a..745fb96d0 100644
--- a/packages/stage-ui/src/components/Scenarios/Dialogs/Onboarding/OnboardingDialog.vue
+++ b/packages/stage-ui/src/components/Scenarios/Dialogs/Onboarding/OnboardingDialog.vue
@@ -23,8 +23,8 @@ onMounted(() => screenSafeArea.update())
 <template>
   <DialogRoot v-if="isDesktop" :open="showDialog" @update:open="value => showDialog = value">
     <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">
+      <DialogOverlay class="fixed inset-0 z-[9999] bg-black/50 backdrop-blur-sm data-[state=closed]:animate-fadeOut data-[state=open]:animate-fadeIn" />
+      <DialogContent class="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 data-[state=closed]:animate-contentHide data-[state=open]:animate-contentShow dark:bg-neutral-900">
         <VisuallyHidden>
           <DialogTitle>Onboarding</DialogTitle>
         </VisuallyHidden>
diff --git a/packages/stage-ui/src/components/Scenes/VRM.vue b/packages/stage-ui/src/components/Scenes/VRM.vue
index 364ae03a0..e22ae3e4b 100644
--- a/packages/stage-ui/src/components/Scenes/VRM.vue
+++ b/packages/stage-ui/src/components/Scenes/VRM.vue
@@ -24,16 +24,16 @@ import SkyBoxEnvironment from './VRM/SkyBoxEnvironment.vue'
 import { useVRM } from '../../stores/vrm'
 import { OrbitControls, VRMModel } from '../Scenes'
 
-const props =  withDefaults(defineProps<{
+const props = withDefaults(defineProps<{
   modelSrc?: string
   showAxes?: boolean
   idleAnimation?: string
   paused?: boolean
-}>(), { 
+}>(), {
   showAxes: false,
   idleAnimation: '/assets/vrm/animations/idle_loop.vrma',
   paused: false,
- })
+})
 
 const emit = defineEmits<{
   (e: 'loadModelProgress', value: number): void
@@ -337,7 +337,7 @@ defineExpose({
         @model-ready="handleLoadModelProgress"
         @error="(val) => emit('error', val)"
       />
-      <TresAxesHelper :size="1" v-if="props.showAxes" />
+      <TresAxesHelper v-if="props.showAxes" :size="1" />
     </TresCanvas>
   </div>
 </template>