From 767a1eecc68b38a4fd6a3157c2f1b18d1984c4e3 Mon Sep 17 00:00:00 2001 From: Alex Date: Wed, 19 Jun 2024 10:25:55 +0800 Subject: [PATCH 1/3] fix(client): state sync issue --- packages/client/src/pages/settings.vue | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/packages/client/src/pages/settings.vue b/packages/client/src/pages/settings.vue index b9f73164..e97e61ce 100644 --- a/packages/client/src/pages/settings.vue +++ b/packages/client/src/pages/settings.vue @@ -10,7 +10,19 @@ import { VueButton, VueCard, VueCheckbox, VueConfirm, VueDarkToggle, VueSelect, const { categorizedTabs: categories } = useAllTabs() -const { scale, interactionCloseOnOutsideClick, showPanel, minimizePanelInteractive, expandSidebar, scrollableSidebar } = toRefs(devtoolsClientState.value) +const { + scale, + interactionCloseOnOutsideClick, + showPanel, + minimizePanelInteractive, + expandSidebar, + scrollableSidebar, +} = toRefs(toReactive(devtoolsClientState)) + +watchEffect(() => { + console.log('devtools', devtoolsClientState.value.showPanel) + console.log('aaa', showPanel) +}) // #region settings const scaleOptions = [ From cee44d925ae4453c776674cfbfd25b0d5896ed80 Mon Sep 17 00:00:00 2001 From: Alex Date: Wed, 19 Jun 2024 11:12:03 +0800 Subject: [PATCH 2/3] fix: remove unused --- packages/client/src/pages/settings.vue | 5 ----- 1 file changed, 5 deletions(-) diff --git a/packages/client/src/pages/settings.vue b/packages/client/src/pages/settings.vue index e97e61ce..7c878df1 100644 --- a/packages/client/src/pages/settings.vue +++ b/packages/client/src/pages/settings.vue @@ -19,11 +19,6 @@ const { scrollableSidebar, } = toRefs(toReactive(devtoolsClientState)) -watchEffect(() => { - console.log('devtools', devtoolsClientState.value.showPanel) - console.log('aaa', showPanel) -}) - // #region settings const scaleOptions = [ ['Tiny', 12 / 15], From 149ca281ed05232944644a13763a4c05eba3721f Mon Sep 17 00:00:00 2001 From: Alex Date: Wed, 19 Jun 2024 11:12:37 +0800 Subject: [PATCH 3/3] chore:format --- packages/client/src/pages/settings.vue | 9 +-------- 1 file changed, 1 insertion(+), 8 deletions(-) diff --git a/packages/client/src/pages/settings.vue b/packages/client/src/pages/settings.vue index 7c878df1..10315816 100644 --- a/packages/client/src/pages/settings.vue +++ b/packages/client/src/pages/settings.vue @@ -10,14 +10,7 @@ import { VueButton, VueCard, VueCheckbox, VueConfirm, VueDarkToggle, VueSelect, const { categorizedTabs: categories } = useAllTabs() -const { - scale, - interactionCloseOnOutsideClick, - showPanel, - minimizePanelInteractive, - expandSidebar, - scrollableSidebar, -} = toRefs(toReactive(devtoolsClientState)) +const { scale, interactionCloseOnOutsideClick, showPanel, minimizePanelInteractive, expandSidebar, scrollableSidebar } = toRefs(toReactive(devtoolsClientState)) // #region settings const scaleOptions = [