From d5d5cefe5355d71917b8608d6a33087e26171dd3 Mon Sep 17 00:00:00 2001
From: arlo <webfansplz@gmail.com>
Date: Mon, 8 Jan 2024 12:45:19 +0800
Subject: [PATCH 1/3] fix(ui): destructure slot data binding for `DarkToggle`
 component

---
 packages/ui/src/components/DarkToggle.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/ui/src/components/DarkToggle.vue b/packages/ui/src/components/DarkToggle.vue
index b50c09f2..725b9c0b 100644
--- a/packages/ui/src/components/DarkToggle.vue
+++ b/packages/ui/src/components/DarkToggle.vue
@@ -70,15 +70,10 @@ function toggle(event?: MouseEvent) {
     )
   })
 }
-const context = {
-  mode,
-  isDark,
-  toggle,
-}
 </script>
 
 <template>
   <span class="$ui-dark-toggle-vtr">
-    <slot v-bind="context" />
+    <slot v-bind="{ mode, isDark, toggle }" />
   </span>
 </template>

From acb28c35561f7b3ff0cee95b34512f812ae7b602 Mon Sep 17 00:00:00 2001
From: arlo <webfansplz@gmail.com>
Date: Mon, 8 Jan 2024 12:46:56 +0800
Subject: [PATCH 2/3] chore: update

---
 packages/client/src/components/common/DockingPanel.vue | 2 +-
 packages/ui/storybook/DarkToggle.story.vue             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/common/DockingPanel.vue b/packages/client/src/components/common/DockingPanel.vue
index 3f30857c..35101c88 100644
--- a/packages/client/src/components/common/DockingPanel.vue
+++ b/packages/client/src/components/common/DockingPanel.vue
@@ -52,7 +52,7 @@ watch(activeAppRecordId, (id) => {
       <VueDarkToggle>
         <template #default="{ isDark, toggle }">
           <VueButton outlined type="primary" @click="toggle">
-            <div i-carbon-sun dark:i-carbon-moon translate-y--1px /> {{ isDark.value ? 'Dark' : 'Light' }}
+            <div i-carbon-sun dark:i-carbon-moon translate-y--1px /> {{ isDark ? 'Dark' : 'Light' }}
           </VueButton>
         </template>
       </VueDarkToggle>
diff --git a/packages/ui/storybook/DarkToggle.story.vue b/packages/ui/storybook/DarkToggle.story.vue
index 2049e2f5..4826eeab 100644
--- a/packages/ui/storybook/DarkToggle.story.vue
+++ b/packages/ui/storybook/DarkToggle.story.vue
@@ -24,7 +24,7 @@ const dark = computed({
               toggle(e)
             }"
           >
-            <Icon :class="isDark.value ? 'i-carbon-moon' : 'i-carbon-sun'" />
+            <Icon :class="isDark ? 'i-carbon-moon' : 'i-carbon-sun'" />
           </Button>
         </template>
       </DarkToggle>

From c498bc8664c73385467a085b020d0a541c115373 Mon Sep 17 00:00:00 2001
From: arlo <webfansplz@gmail.com>
Date: Mon, 8 Jan 2024 12:47:30 +0800
Subject: [PATCH 3/3] chore: update

---
 packages/ui/storybook/DarkToggle.story.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/storybook/DarkToggle.story.vue b/packages/ui/storybook/DarkToggle.story.vue
index 4826eeab..1cec4b60 100644
--- a/packages/ui/storybook/DarkToggle.story.vue
+++ b/packages/ui/storybook/DarkToggle.story.vue
@@ -37,7 +37,7 @@ const dark = computed({
               toggle(e)
             }"
           >
-            <Icon :class="isDark.value ? 'i-carbon-moon' : 'i-carbon-sun'" />
+            <Icon :class="isDark ? 'i-carbon-moon' : 'i-carbon-sun'" />
           </Button>
         </template>
       </DarkToggle>