fix(stage-tamagotchi): broken light/dark toggle

2025-10-19 23:39:48 +09:00
parent 432a266f6a
commit 5cfc9b0d63
2 changed files with 4 additions and 2 deletions
@@ -21,7 +21,7 @@ import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from 're
            'text-xs',
          ]"
          side="left"
-          :side-offset="1"
+          :side-offset="4"
        >
          <slot name="tooltip" />
        </TooltipContent>
@@ -69,7 +69,9 @@ const startDraggingWindow = !isLinux ? defineInvoke(context, electronStartDraggi
      </ControlButtonTooltip>

      <ControlButtonTooltip>
-        <ControlButton @click="toggleDark">
+        <!-- Recommended to use `toggleDark()` instead of `toggleDark` -->
+        <!-- See: https://vueuse.org/shared/useToggle/#usage -->
+        <ControlButton @click="toggleDark()">
          <Transition name="fade" mode="out-in">
            <div v-if="isDark" i-solar:moon-outline size-5 text="neutral-800 dark:neutral-300" />
            <div v-else i-solar:sun-2-outline size-5 text="neutral-800 dark:neutral-300" />